ホームページ >ウェブフロントエンド >htmlチュートリアル >テーブル内のデータが空の場合、tdの枠線は表示されませんか? _html/css_WEB-ITnose

テーブル内のデータが空の場合、tdの枠線は表示されませんか? _html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:10:431381ブラウズ

スペースの追加に加えて、CSS スタイル コントロールを使用できますか?


ディスカッションへの返信 (解決策)

このように CSS .td {solid 10px red} を書くことができます。 。

FFですよね?
幅と高さはその時に遭遇したようです。もっと良い方法は思いつきませんでした。

1階の方法は機能しません。 。

Baidu ならそれができます

追加するだけです

スペースを入れるだけで問題は解決するはずです。 。 。

この種の問題は 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 テーブルの追加
border-collapse: Collapse;

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。