다양한 솔루션을 시도한 후, 추가 마크업을 추가하지 않고도 다양한 텍스트 너비, 가능한 배경에 작동하는 솔루션을 찾았습니다.
IE8, IE9, Firefox 및 Chrome에서 테스트했습니다. 여기에서 확인할 수 있습니다: http://jsfiddle.net/Puigcerber/vLwDf/1/
대략적인 방법은 다음과 같습니다. 포함된 항목 내에 투명하지 않은 배경을 사용하는 것입니다. h2 上设置 border-bottom,然后给 h2 设置较小的 line-height 来创建线条。然后将文本放在一个嵌套的 span .
h2
border-bottom
line-height
span
다양한 솔루션을 시도한 후, 추가 마크업을 추가하지 않고도 다양한 텍스트 너비, 가능한 배경에 작동하는 솔루션을 찾았습니다.
IE8, IE9, Firefox 및 Chrome에서 테스트했습니다. 여기에서 확인할 수 있습니다: http://jsfiddle.net/Puigcerber/vLwDf/1/
대략적인 방법은 다음과 같습니다. 포함된 항목 내에 투명하지 않은 배경을 사용하는 것입니다.
h2
上设置border-bottom
,然后给h2
设置较小的line-height
来创建线条。然后将文本放在一个嵌套的span
.