首页 >web前端 >html教程 >表格中的数据为空时,td的边框不显示了?_html/css_WEB-ITnose

表格中的数据为空时,td的边框不显示了?_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 12:10:431373浏览

除了加空格,可不可以用css样式控制


回复讨论(解决方案)

可以写CSS .td {solid 10px red}像这样。。

FF吧?
宽高给定了吗,当时好像也遇到过。没有想到更好的办法。

1楼的方法不行啊。。

百度搞定

加 即可。

弄一个空格在里面,应该就可以解决了。。。

这种问题好像只有FireFox里面才有、最简单的方法就是在里面加个空格。
其他的尝试过都没有搞定。

<!doctype html><html>    <head>        <meta charset="gb2312" />        <title></title>        <style>			table{ border-collapse:collapse;}            td{ width:100px; height:40px; padding:10px; border:1px solid red; text-align:center;}        </style>    </head>    <body>        <table>            <thead>                <tr>                    <td>1</td>                    <td>2</td>                    <td>3</td>                </tr>            </thead>            <tbody>                <tr>                    <td>1-1</td>                    <td>1-2</td>                    <td>1-3</td>                </tr>                <tr>                    <td>2-1</td>                    <td>2-2</td>                    <td>2-3</td>                </tr>                <tr>                    <td></td>                    <td>3-2</td>                    <td>3-3</td>                </tr>            </tbody>        </table>    </body></html>

css table 添加
border-collapse: collapse;

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn