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

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

WBOY
풀어 주다: 2016-06-24 12:10:43
원래의
1387명이 탐색했습니다.

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

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿