用html做网页的时候让表格的每行中的字都居中操作如下:
1、首先按照常规,输入表格的文字内容,如下图所示,整体代码如下:
语文 | 7:00-7:40 | 7:50-8:30 |
---|---|---|
数学 | 7:00-7:40 | 7:50-8:30 |
英文 | 7:00-7:40 | 7:50-8:30 |
2、然后按照常规,设置表格的样式,如下图所示,示例整体代码如下:
body
{
width:340px;
height :800px;
}
table
{
border-collapse :collapse ;
}
th,td
{
width:100px;
height:40px;
border :1px solid black;
font-size:12px;
}
3、然后在浏览器里面进行预览,可以看到表格的标题和里面的内容,都是不居中的;
4、先设置表格的标题居中,代码如下:style="text-align:center "。
5、进行预览,可以看到标题已经实现了居中,但是内容还没有实现单元格居中;
6、只需要在设置表格样式里面输入代码进行文本居中即可,代码如下:text-align :center;
7、再行进行预览,可以看到表格已经实现了文本内每行中的字都居中。
在css中进行定义即可:
td {text-align:center}
css写在html的
1 | 2 | 3 |
在css中进行定义即可:
td
{text-align:center}
css写在html的
1 | 2 | colspan=2>3 |
你不希望每行写的话还有一个办法,html的子属性是继承父属性的,只要在父标签上写居中就可以了。就是说把这一堆TB的table属性设置下应该就可以,但是table蛮诡异的我也不敢说死,你试试吧。