CSS中可以使用text-align屬性將文字放在橫線中間,具體實現(xiàn)方法是,在需要居中的元素上設置text-align屬性為center,即可將文字水平居中顯示。
在HTML中創(chuàng)建一個div元素,并設置其text-align屬性為center:
<div style="text-align: center;"> 這是一段居中的文字。 </div>
這段文字就會在其父元素中水平居中顯示,需要注意的是,如果父元素的寬度不足夠大,文字可能會超出其范圍,此時可以通過設置div元素的寬度來避免這種情況。
如果需要將文字垂直居中顯示在橫線上,可以使用CSS中的line-height屬性,具體實現(xiàn)方法是,將line-height屬性設置為與元素高度相同的值,即可將文字垂直居中顯示。
在HTML中創(chuàng)建一個div元素,并設置其line-height屬性為與元素高度相同的值:
<div style="height: 50px; line-height: 50px;"> 這是一段垂直居中的文字。 </div>
這段文字就會在其div元素中垂直居中顯示,同樣需要注意的是,如果元素的高度不足夠大,文字可能會超出其范圍,此時可以通過調整元素高度來避免這種情況。