Rumah > hujung hadapan web > html tutorial > 表格中的数据为空时,td的边框不显示了?_html/css_WEB-ITnose

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

WBOY
Lepaskan: 2016-06-24 12:10:43
asal
1379 orang telah melayarinya

除了加空格,可不可以用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>
Salin selepas log masuk

css table 添加
border-collapse: collapse;

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan