2

タグと基本的な罫線を使用して、印刷に適したページを作成しようとしています。現時点での私のコードは...

<div style="width: 100%; border: 1px solid black;">
    <div style="width: 33%; float: left; ">Text</div>
    <div style="width: 33%; float: left; ">Text</div>
    <div style="width: 34%; float: left; ">Text</div>
</div>

適用される唯一の CSS はインラインです。これは私がIEで望むように動作します... http://i.stack.imgur.com/abjdX.png

Chrome では、「テーブル」の内容が境界線の下に表示されます... http://i.stack.imgur.com/qYNnk.png

ありとあらゆる助けが大歓迎です、ロック

psこれはファンシー用のJFiddleです

4

5 に答える 5

0

そうです、浮遊する子供たちのせいです。

このようにしてみてください：

<div style="overflow: hidden; width: 100%; border: 1px solid black;">
    <div style="width: 33%; float: left; ">Text</div>
    <div style="width: 33%; float: left; ">Text</div>
    <div style="width: 34%; float: left; ">Text</div>
</div>

フィドル: http://jsfiddle.net/Sgqkw/

于 2013-10-22T18:33:58.677 に答える