CSS: Вставьте новую строку после текстового символа

Как вставить новую строку после первого периода в этом коде, используя только CSS?CSS: Вставьте новую строку после текстового символа

<footer>©2004-2015 Delta Systems, Inc. All Rights Reserved.</footer>

Я знаю, что, чтобы вставить новую строку после элемента это так:

h4 { display: inline; float: none; } 
h4:after { content: "\a"; white-space: pre; }

Но можно сделать это после выбора определенного символа?

источник

2015-02-05 Rick Helston

Не могли бы вы заставить текст, чтобы обернуть на новую линию за счет уменьшения его ширины, а? – grc

В вашем «нижнем колонтитуле» (основанном в поставляемом HTML) нет «элемента», а просто текстового текста ... это означает, что вы не можете его вообще выбрать с помощью CSS. Кроме этого ... нет. Содержание стилей CSS ... не может его обнаружить. –

быть крутым, если бы у нас был какой-то вид: nth-word() psuedo! но нет, нет. Поскольку @grc говорит, что вы всегда можете заставить его использовать новую строку, задав ширину. – Aaron

Вы можете попробовать сыграть со словом-оберткой и шириной.

HTML:

<footer>©2004-2015 Delta Systems, Inc. All Rights Reserved.</footer>

CSS:

footer { 
    width: 220px; 
    word-wrap: break-word 
}

http://codepen.io/anon/pen/KwypPY

источник

2015-02-05 14:10:17 Spencer

CSS: Вставьте новую строку после текстового символа

ответ

Смежные вопросы