표 셀에 여러 줄 문자를 표시하는 방법
데이터베이스의 단락을 표 셀에 표시하고 싶습니다.
결과는 데이터베이스에서 구성되는 방식을 무시하고 큰 1 줄이됩니다. 예를 들어 '입력'무시 (새 줄)
데이터베이스에 쓰여진 방법에 따라 정확하게 보여주고 싶습니다.
예를 들어 단락이 다음과 같이 저장된 경우 :
hello ,
my name is x.
다음 대신에 정확하게 표시되기를 바랍니다.
hello, myname is x.
white-space:pre적절한에 적용된 CSS를 사용하려고합니다 <td>. 예를 들어 모든 테이블 셀에이 작업을 수행하려면 다음을 수행하십시오.
td { white-space:pre }
또는 마크 업을 변경할 수있는 경우 <pre>콘텐츠 주위 에 태그를 사용할 수 있습니다 . 기본적으로 웹 브라우저는 사용자 에이전트 스타일 시트를 사용 white-space:pre하여이 요소에 동일한 규칙을 적용합니다 .
PRE 요소는 포함 된 텍스트가 "사전 형식화"되었음을 시각적 사용자 에이전트에 알립니다. 미리 서식이 지정된 텍스트를 처리 할 때 시각적 사용자 에이전트 :
- 공백을 그대로 둘 수 있습니다.
- 고정 피치 글꼴로 텍스트를 렌더링 할 수 있습니다.
- 자동 줄 바꿈을 비활성화 할 수 있습니다.
- 양방향 처리를 비활성화하면 안됩니다.
style="white-space:pre-wrap; word-wrap:break-word"
이것은 새로운 라인의 문제를 해결할 것입니다. 사전 태그는 필요한 것보다 추가 CSS를 추가합니다.
<pre>(사전 서식이 지정된 텍스트) 태그로 콘텐츠를 래핑합니다.
<pre>hello ,
my name is x.</pre>
이 문제를 해결하기위한 두 가지 제안 :
해결 방법 1 : <div style="white-space:pre;">{database text}</div>또는<pre>{database text}</pre>
텍스트에 html 태그 나 css 속성이없는 경우 좋은 솔루션입니다. 예를 들어 탭을 유지할 수도 있습니다.
해결 방법 2 : 바꾸기 \n로<p></p> or <br/>
이것은 다른 텍스트 속성이나 서식을 잃지 않고 브레이크 라인을 추가하려는 경우에 유용합니다. PHP의 예는 다음과 같습니다.$text = str_replace("\n","<br />",$database_text);
당신은 또한 사용할 수 있습니다 <p></p>또는 <div></div>, 그러나 이것은 조금 더 텍스트 구문 분석이 필요합니다.
서버 측 코드에서 새 줄 ( \n)을 <br/>.
PHP를 사용하는 경우 다음을 사용할 수 있습니다. nl2br()
안녕하세요 저도 똑같은 일을해야했습니다! 이유를 묻지 말고 파이썬을 사용하여 html을 생성하고 목록의 항목을 반복하고 각 항목이 테이블의 단일 셀 내에서 자체 행을 취하도록하는 방법이 필요했습니다.
br 태그가 저에게 잘 맞는다는 것을 알았습니다. 예를 들면 :
<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<TABLE>
<TR>
<TD>
item 1 <BR>
item 2 <BR>
item 3 <BR>
item 4 <BR>
</TD>
</TR>
</TABLE>
</BODY>
이것은 내가 원하는 출력을 생성합니다.
각 줄 뒤에 html 코드 태그를 사용하고 (아래 참조) 저에게 효과적입니다.
George Benson </br> 123 Main Street </br> New York, Ny 12344 </br>
아래 코드는 나에게 마술처럼 작동합니다. >>
td { white-space:pre-line }
<br>내부 만 추가 <td>했는데 잘 작동합니다.
참고URL : https://stackoverflow.com/questions/10937218/how-to-show-multiline-text-in-a-table-cell
'Programming' 카테고리의 다른 글
| ASP.NET 리피터 바인딩 목록 (0) | 2020.08.15 |
|---|---|
| Eclipse 포맷터가 모든 열거 형을 한 줄에 배치하는 것을 중지하는 방법 (0) | 2020.08.15 |
| 런타임에 특정 하위보기에 대한 자동 레이아웃을 비활성화 할 수 있습니까? (0) | 2020.08.15 |
| Swift make 메서드 매개 변수를 변경할 수 있습니까? (0) | 2020.08.15 |
| Core 2.0의 ConfigurationBuilder에서 BasePath를 설정하는 방법 (0) | 2020.08.15 |