Heim >Web-Frontend >HTML-Tutorial >表格中的数据为空时,td的边框不显示了?_html/css_WEB-ITnose

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

WBOY
WBOYOriginal
2016-06-24 12:10:431381Durchsuche

除了加空格,可不可以用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;

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn