>  기사  >  웹 프론트엔드  >  表格中的数据为空时,td的边框不显示了?_html/css_WEB-ITnose

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

WBOY
WBOY원래의
2016-06-24 12:10:431353검색

除了加空格,可不可以用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으로 문의하세요.