CSS 팁: 수평선과 가운데 맞춤 텍스트 만들기
P粉248602298
P粉248602298 2023-08-20 15:11:18
0
2
501
<p>일부 텍스트로 가로 구분선을 만들려고 합니다. 예: </p> <p>--------- 제 제목은 이렇습니다------ -- --------</p> <p>CSS에서 이 효과를 얻을 수 있는 방법이 있나요? 분명히 모든 "-" 대시를 사용할 필요는 없습니다. </p>
P粉248602298
P粉248602298

모든 응답(2)
P粉555682718

다양한 솔루션을 시도한 후, 추가 마크업을 추가하지 않고도 다양한 텍스트 너비, 가능한 배경에 작동하는 솔루션을 찾았습니다.

으아악 으아악

IE8, IE9, Firefox 및 Chrome에서 테스트했습니다. 여기에서 확인할 수 있습니다: http://jsfiddle.net/Puigcerber/vLwDf/1/

P粉578680675

대략적인 방법은 다음과 같습니다. 포함된 항목 내에 투명하지 않은 배경을 사용하는 것입니다. h2 上设置 border-bottom,然后给 h2 设置较小的 line-height 来创建线条。然后将文本放在一个嵌套的 span .

으아악 으아악
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿