agweber
그는 물었다 12년 전
30

모든 브라우저 호환적 내어쓰기를 스타일로 스팬할 css 를 만드는 방법

39, ve 발견된 유일한 I& 왔다.

.hang {
    text-indent: -3em;
    margin-left: 3em;
} 
이 작업을 할 수 있는 유일한 길은 텍스트 단락에서 이러한 무섭게 보기 흉한 인해 추가 줄은 두고 있다. # 39 많이 가질 수 있는 것이 아니라 그냥 i&; d '<;;;;;' 방식의 /span&gt 스팬할 class = &quot hang&quot &gt &lt 그런.

또한, m i& # 39 더 이상 단일 레벨 내어쓰기는 들여쓰려면 그냥 수 있는 방법을 찾고 있다. # 39 를 들여 쓰기 위해 사용하는 스택할 doesn& 단락, 빗나갔다.

답변 3 개

',' 는 span&gt &lt, 인라인 요소. , # 39 이라는 의미가 내어쓰기를 you& re 얘기를 한 단락 (즉, 이는 일반적으로 블록 요소). 물론, p&gt 변경하십시오 수 있습니다) 에 ',' 또는 ',' div&gt &lt 여유폭 &lt, 또는 다른 값으로 블록 요소 추가 수직 단락 사이의 공간을.

'디스플레이를 같은 항목을 사용할 수 있습니다. 나란히 '될 수 있는 태그번호 차단하거나 인라인 따라 컨텍스트입니다. 안타깝게도, 이것은 아직 보편적으로 에서 지원하는 브라우저.

Shog9
awe
그는 4년 전 댓글을 달았습니다
0

가장 단순한 외곽진입 약간만이라도 css 를 사용할 수 있는 '' 자한기 div, span, 이는 기본적으로 동일한 비호환성의 아니라 블록 요소 대신 인라인 텍스트. '또는' 정의 ',' 를 포함할 수 있습니다, 그런데 display: block 자한기 사용하여 다시 엔드입니다 스팬할 div 약간만이라도 사용하는 것과 같습니다.

그냥 그렇게 못된 뺀 멋진 방법으로 찾을 수 있습니다.

p {
  padding-left: 20px; 
} 

p:first-letter {
  margin-left: -20px;
}

간편하고 좋네 d

줄 바꿈 너회가 귀찮게 경우 p 에 블록, 추가할 수 있다.

p {
  margin-top: 0px;
  margin-bottom: 0px;
}

[이스피들 예] (http://jsfiddle.net/agweber/9dmtfhw2/)

thanksd
Andy Ford
그는 9년 전 댓글을 달았습니다
0

I think you 짓궂군요 &quot :first-child";

Adam Youngers
그는 8년 전 댓글을 달았습니다
0

39,, 내가 don& &quot :first-child&quot 것이 없는 것 같습니다. &Quot :first-letter&quot 경우, 확실하지 않다. 는 이해했소 수행되 중 하나. # 39, t it didn& 작업하십시오 내 테스트. 이스피들 제공할 수 있습니까?

gavsiu
그는 7년 전 댓글을 달았습니다
0

[링크] (http://www.w3schools.com/cssref/sel_firstletter.asp) 와 함께 사용할 수 있습니다 '여백' 첫 번째 문자 특성는 밝혔습니다.

David Barnett
그는 7년 전 댓글을 달았습니다
0

[링크] 내가 만든 다음 (jsfiddle.net/David_Barnett/UqHQv/). # 39 이 방법을 선택할 때, ve I& 유일한 단점이 있다는 사실이 아닌 경우가 종종 텍스트를 첫 번째 문자 선택할 수 있습니다.

ysth
그는 7년 전 댓글을 달았습니다
7

'p {텍스트 들여쓰려면 20px 가공할지 사용합니다. 패딩 왼쪽 20px} '

39 의 하나로, 가장 좋은 인상을 ysth& 오토메이티드 idfsysobject. 측정 단위를 글꼴의 크기가 맞아야 합니다.

p {
  text-indent: -2en; 
  padding-left: 2en;
}

&quot 3"; 작동합니까 제대로 잘 수도 있다는 것이다. &quot em"; 알파벳 문자 그대로 설정되었습니다 평균보다 더 않는 것이 좋습니다. &quot px"; 경우에만 사용해야 합니다 정렬하려면 텍스트 글꼴 크기를 달리하여 블록 고안되었습니다 멈춥니다.

thanksd
agweber
그는 5년 전 댓글을 달았습니다
1

39, 크롬, 이 테스트를 통해 doesn& 마음에 en. 구글링 대시 별 '로 표시되며, 문자 너버 en vs em 아무것도아니야 따르면 제가 간격에 대한 쓸 수 있다.