Как отобразить многострочный текст в ячейке таблицы

Question

Как отобразить многострочный текст в ячейке таблицы

Я хочу показать абзац из базы данных в ячейке таблицы.

результатом является большая строка 1, игнорируя, как она организована в базе данных.
игнорирование 'вводит' например (новые строки)

Я хочу показать его точно в соответствии с тем, как он написан в базе данных.

например, если абзац сохраняется следующим образом:

hello ,

my name is x.

Я хочу, чтобы это было показано именно так, а не:

hello, myname is x.

464 7

html css

7 ответов:

Comments

Ничего не найдено.

Phrogz · Accepted Answer · 2012-06-07 21:00:36

вы хотите использовать CSS white-space:pre применяется к соответствующим <td>. Чтобы сделать это для всех ячеек таблицы, например:
td { white-space:pre }
кроме того, если вы можете изменить свою разметку, вы можете использовать <pre> тег вокруг вашего контента. По умолчанию веб-браузеры используют свою таблицу стилей user-agent для применения того же white-space:pre правила для этого элемента.

элемент PRE сообщает визуальным агентам пользователей, что вложенный текст "предварительно форматированный." При обработке предварительно отформатированного текста визуальные агенты пользователей:

может оставить белое пространство нетронутым.

может отображать текст с фиксированным шагом шрифта.

может отключить автоматический перенос слов.

не следует отключать двунаправленную обработку.

Jajikanth pydimarla · Accepted Answer · 2017-11-08 20:12:40

style="white-space:pre-wrap; word-wrap:break-word"
это решило бы проблему новой строки. pre tag добавит дополнительный CSS, чем требуется.

Joyce Babu · Accepted Answer · 2012-06-07 21:00:34

оберните содержимое в <pre> (предварительно отформатированный текст) тег
<pre>hello ,
my name is x.</pre>

Daniel Vila Boa · Accepted Answer · 2012-06-07 21:05:47

у вас есть два пути решения этой проблемы.

Решение 1 ( or )

вы можете добавить обновление конечной строки базы данных (\n) в HTML-теги  или  . Примером в php будет echo str_replace("\n"," ",$database_text);

решение 2 (<pre>)

С помощью тега html будет форматировать текст по желанию <pre>database text</pre>, хотя это даст вам дополнительные проблемы css и должно использоваться только для основных ситуаций.

Rocket Hazmat · Accepted Answer · 2012-06-07 21:00:42

в коде на стороне сервера замените новые строки (\n) с  .

Если вы используете PHP, вы можете использовать nl2br()

chumbaloo · Accepted Answer · 2016-05-26 13:01:08

Привет мне нужно сделать то же самое! Не спрашивайте, почему, но я создавал html с помощью python и нуждался в способе перебирать элементы в списке и иметь каждый элемент в отдельной строке в одной ячейке таблицы.

Я обнаружил, что тег br хорошо работал для меня. Например:
<!DOCTYPE html>
<HTML>
 <HEAD>
 <TITLE></TITLE>
 </HEAD>
 <BODY>
 <TABLE>
 <TR>
 <TD>
 item 1 
 item 2 
 item 3 
 item 4 
 </TD>
 </TR>
 </TABLE>
 </BODY>
Это даст результат, который я хотел.

Rene · Accepted Answer · 2013-11-04 15:39:38

Я использую тег html-код после каждой строки (см. ниже), и это работает для меня.

George Benson  123 Main Street  New York, Ny 12344 