在CSS中,可以使用text-align: center;
將文本居中顯示,對(duì)于CSS分割線,我們需要使用不同的方法來(lái)實(shí)現(xiàn)居中效果。
我們需要?jiǎng)?chuàng)建一個(gè)CSS分割線,這可以通過(guò)使用border
屬性來(lái)實(shí)現(xiàn),我們可以創(chuàng)建一個(gè)寬度為2px、顏色為黑色的分割線:
hr { border: 2px solid black; }
要將這個(gè)分割線居中顯示,我們需要將其包裹在一個(gè)塊級(jí)元素中,并使用text-align: center;
將該元素的文本居中,我們可以將分割線包裹在一個(gè)div
元素中:
<div style="text-align: center;"> <hr style="border: 2px solid black;"> </div>
這樣,CSS分割線就會(huì)在其父元素中居中顯示,注意,這種方法僅適用于將分割線放置在文本中間的情況,如果要將分割線放置在頁(yè)面的中央位置,需要使用其他方法,例如使用***定位或相對(duì)定位。