Я текст "Europcar The Quickest Way From Runway To Road"
.Я хочу, чтобы отобразить это какCSS свойство для ломающихся предложений
Europcar
The Quickest Way From Runway To Road
как получить в этом формате с помощью CSS без изменения HTML кода.
Я текст "Europcar The Quickest Way From Runway To Road"
.Я хочу, чтобы отобразить это какCSS свойство для ломающихся предложений
Europcar
The Quickest Way From Runway To Road
как получить в этом формате с помощью CSS без изменения HTML кода.
Если в исходной строке есть html-теги, такие как span или что-то еще, это невозможно с чистым CSS. CSS предлагает только псевдоселекторы :first-line
и :first-letter
, но не :first-word
что вам нужно. Другими словами, вы не можете выбрать первое слово текста с CSS для вставки разрыва строки :after
.
Вы не можете действительно красиво.
Единственным способом было бы добавить (например, :after
) еще один элемент блока, разместить его там, где вы не хотите текст, и сделать текст плавающим вокруг любых верхних элементов.
Нечего стирать там, CSS не так. CSS предназначен для стилизации, однако отсутствующая строка новой строки пропускает некоторую разметку.
Вы можете сделать это с помощью Javascript, но не ширины чистого CSS. http://www.dynamicsitesolutions.com/javascript/first-word-selector/
Что вы ищете является pseudoclass, что не существует. Там есть: первая буква и: первая линия, но нет: первоклассное.
Вот тема, которую вы можете проверить CSS to increase size of first word
то, что вы имеете в виду «без изменения кода»? что такое «код»? – xaxxon
@Xaxxon, он означает исходный HTML. @Nakshathra, можете ли вы показать нам свой HTML-код, который вы не можете изменить? – Kyle
AFAIK, CSS не может. если вы не разместите динамический знак '
', может использоваться JS на месте. В идеале «Europcar» должен быть под отдельным тегом типа «h1, h2, div и т. Д.», Как того требует формат. – Nishant' или '