Принудительное завершение заголовков в HTML - PullRequest
12 голосов
/ 16 декабря 2009

У меня есть веб-страница, которая отображает PDF-документ. В заголовке есть изображение и тег h1, который содержит имя. Когда имя слишком длинное, оно обрезается. Как я могу заставить его перейти к следующей строке, чтобы отображалось полное имя? Я попытался вставить style="white-space:normal", но это не помогает. Есть предложения?

Ответы [ 5 ]

21 голосов
/ 16 декабря 2009
word-wrap:break-word;
8 голосов
/ 16 декабря 2009

h1 теги переносятся по умолчанию. Если это не так, что-то в вашем CSS переопределяет это поведение по умолчанию. Если вы можете разместить ссылку на сайт, мы можем быстро помочь вам. Возможно, вы захотите установить Firebug для Firefox - он позволит вам щелкнуть правой кнопкой мыши на h1 и посмотреть, какие стили к нему применяются и откуда они берутся.

5 голосов
/ 10 января 2019

Он должен иметь комбинацию из двух:

word-wrap: break-word;
white-space: normal;

благодаря Тору и Алексу :) 1004 *

0 голосов
/ 07 ноября 2018

тег h1 имеет нулевую высоту строки

style="line-height:100%;"
0 голосов
/ 16 декабря 2009

Содержит ли заголовок другой элемент, например, div? Если это так, проверьте переполнение для этого элемента и / или попробуйте установить его на видимость следующим образом:

style="overflow:visible;"
...