在css中,可以利用“text-align”屬性設(shè)置表格文字居中對(duì)齊,該屬性用于設(shè)置文本的對(duì)齊方式,將屬性值設(shè)置為“center”就能夠?qū)崿F(xiàn)文字的居中對(duì)齊,語法為“表格對(duì)象{text-align:center;}”。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css表格中的文字怎么設(shè)置居中
在css中可以通過text-align屬性設(shè)置表格內(nèi)容居中對(duì)齊,text-align 屬性規(guī)定元素中的文本的水平對(duì)齊方式。
該屬性通過指定行框與哪個(gè)點(diǎn)對(duì)齊,從而設(shè)置塊級(jí)元素內(nèi)文本的水平對(duì)齊方式。通過允許用戶代理調(diào)整行內(nèi)容中字母和字之間的間隔,可以支持值 justify;不同用戶代理可能會(huì)得到不同的結(jié)果。
下面我們通過示例來看一下具體操作,示例如下:
<html> <body> <style> td{ text-align:center; } </style> <table border="1"> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>100</td> <td>100</td> </tr> </table> </body> </html>
輸出結(jié)果:
(學(xué)習(xí)視頻分享:css視頻教程)