站長(zhǎng)資訊網(wǎng)
在css中，可以利用“text-align”屬性設(shè)置hr居中，該屬性的作用就是規(guī)定元素的水平對(duì)齊方式，只需要給hr元素添加“text-align:center;”樣式即可。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css設(shè)置hr居中的方法
在css中可以利用“text-align:center;”屬性設(shè)置hr居中，
text-align屬性規(guī)定元素中的文本的水平對(duì)齊方式。
該屬性通過(guò)指定行框與哪個(gè)點(diǎn)對(duì)齊，從而設(shè)置塊級(jí)元素內(nèi)文本的水平對(duì)齊方式。通過(guò)允許用戶代理調(diào)整行內(nèi)容中字母和字之間的間隔，可以支持值 justify；不同用戶代理可能會(huì)得到不同的結(jié)果。
示例如下：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <style type="text/css"> hr{ width:50%; text-align:center; } </style> <h1>HTML</h1> <p>HTML 是用于描述 web 頁(yè)面的一種語(yǔ)言。</p> <hr> <h1>CSS</h1> <p>CSS 定義如何顯示 HTML 元素。</p> </body> </html>
輸出結(jié)果：
（學(xué)習(xí)視頻分享：css視頻教程）
