CSS : 텍스트 문자 뒤에 줄 바꿈을 삽입하십시오.

CSS 만 사용하여이 코드의 첫 번째 마침표 뒤에 줄 바꾸기를 삽입하려면 어떻게해야합니까?CSS : 텍스트 문자 뒤에 줄 바꿈을 삽입하십시오.

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

하지만 특정 문자를 선택한 후 그것을 할 수 있습니다 :

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

나는 그게 이런 식의 요소 후 줄 바꿈을 삽입 알아?

당신이 대신 폭을 줄여 새로운 라인에 포장 텍스트를 강제 수 있을까요? – grc

'footer'에는 (원시 HTML을 기반으로 한)'footer'라는 요소가 없습니다. 즉 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 
}

2015-02-05 14:10:17 Spencer

답변