@ViratKadaru ... потому что это 360pt григорианский Chant Serif
DukeDidntNukeEm
Ответы:
164
Если вы хотите, чтобы переполненный текст в div автоматически переводился на новую строку вместо того, чтобы скрывать или создавать полосу прокрутки, используйте
Если ваш div имеет установленную высоту в css, это приведет к его переполнению за пределами div.
Вы можете присвоить div минимальную высоту, если вам нужно, чтобы она всегда была минимальной высотой в div.
Минимальная высота не будет работать в IE6, однако, если у вас есть таблица стилей для IE6, вы можете задать ей обычную высоту для IE6. Высота изменяется в IE6 в соответствии с содержимым внутри.
в многоязычном тексте, кроме этого, некоторые символы длинных слов скрываются от отображения.
Bhupi
0
!! Впереди жестко запрограммированный трейдофф !! В зависимости от окружающего кода и разрешения экрана это может привести к другому / нежелательному поведению.
Если о скрытом переполнении не может быть и речи и требуется правильная расстановка переносов, вы можете использовать объект HTML с мягким дефисом там, где вы хотите, чтобы слово / текст разрывалось. Таким образом, вы можете заранее определить предел прочности вручную.
­
Дефис появится только тогда, когда слово нужно разорвать, чтобы не переполнить окружающий его контейнер.
Пример:
<divclass="container">
foo­bar
</div>
Результат, если контейнер достаточно широкий и текст не будет переполнять контейнер:
foobar
Результат, если контейнер слишком мал и текст действительно переполняет контейнер:
Example 1 - container to small => text overflows container:
<divclass="container">
foobar
</div>
Example 2 - using soft hyphen => text breaks at predetermined break point:
<divclass="container">
foo­bar
</div>
Example 3 - using soft hyphen => text still overflowing because the text before the soft hyphen is to long:
<divclass="container">
foobar­foo
</div>
Ответы:
Если вы хотите, чтобы переполненный текст в div автоматически переводился на новую строку вместо того, чтобы скрывать или создавать полосу прокрутки, используйте
word-wrap: break-word
свойство.
источник
Можешь попробовать:
Ознакомьтесь с документацией по свойству переполнения для получения дополнительной информации.
источник
Вы можете использовать свойство CSS text-overflow для обрезки длинных текстов.
ссылка: http://makandracards.com/makandra/5883-use-css-text-overflow-to-truncate-long-texts
источник
Вы можете управлять им с помощью CSS, есть несколько вариантов:
Надеюсь, поможет.
источник
Просто используйте это:
источник
есть еще одно свойство css:
Свойство white-space определяет, как текст обрабатывается в элементе, к которому он применяется.
источник
Попробуйте добавить этот класс, чтобы исправить проблему:
Подробно объяснено по этой ссылке http://css-tricks.com/almanac/properties/t/text-overflow/
источник
overflow: scroll
? Или авто. в атрибуте стиля.источник
Думаю, вам стоит начать с основ из w3
https://www.w3schools.com/cssref/css3_pr_text-overflow.asp
источник
Если ваш div имеет установленную высоту в css, это приведет к его переполнению за пределами div.
Вы можете присвоить div минимальную высоту, если вам нужно, чтобы она всегда была минимальной высотой в div.
Минимальная высота не будет работать в IE6, однако, если у вас есть таблица стилей для IE6, вы можете задать ей обычную высоту для IE6. Высота изменяется в IE6 в соответствии с содержимым внутри.
источник
Вы можете просто установить минимальную ширину в CSS, например:
Он не сломается, но вы все равно будете иметь дело с полосой прокрутки.
источник
Рекомендации о том, как определить, какая часть вашего CSS вызывает проблему:
1) установите
style="height:auto;"
все<div>
элементы и повторите попытку.2) Установите
style="border: 3px solid red;"
все<div>
элементы, чтобы увидеть, насколько широкую область занимает ваша<div>
коробка.3) Уберите все
height:#px;
свойства css из своего CSS и начните заново.Так например:
источник
источник
!! Впереди жестко запрограммированный трейдофф !! В зависимости от окружающего кода и разрешения экрана это может привести к другому / нежелательному поведению.
Если о скрытом переполнении не может быть и речи и требуется правильная расстановка переносов, вы можете использовать объект HTML с мягким дефисом там, где вы хотите, чтобы слово / текст разрывалось. Таким образом, вы можете заранее определить предел прочности вручную.
Дефис появится только тогда, когда слово нужно разорвать, чтобы не переполнить окружающий его контейнер.
Пример:
Результат, если контейнер достаточно широкий и текст не будет переполнять контейнер:
Результат, если контейнер слишком мал и текст действительно переполняет контейнер:
Дополнительная информация: https://en.wikipedia.org/wiki/Soft_hyphen
источник