我想在css中設置html標題的樣式,但沒有得到正確的結果,因爲我的jsfiddle顯示:https://jsfiddle.net/Nadjanara/nmo0245t/。 以下是HTML和CSS代碼:如何在css中標題之前和之後顯示水平線
<h2><span>Heading2</span></h2>
h2{
width:100%;
text-align:center;
border-bottom: 1px solid #000;
line-height:0.1em; margin:10px 0 20px;
}
h2 span{
padding:0 10px;
}
我怎麼只能把之前的水平線和標題後也控制了線的寬度,使這種不佔用的全寬屏幕?
確實。它看起來比它更好。但是仍然存在兩個問題:線條與標題太靠近了。而且這條線有點拋到了頂端,而不是在中間顯示出來:例如p ---- – Nadj
因此,對轉換百分比和邊距進行調整。所有你需要做的是獲得正確的相對比例,你就完成了 - 不需要更多的調整。 – Jonathan
@Nadj。像喬納森說的。只需添加一個保證金 - 左側和右側。將變換轉換爲90%,並與時間同步。檢查jsfiddle:https://jsfiddle.net/Wosley_Alarico/fkrc15mh/ –