- 締切済み
特定のセルの値のみ改行しないようにするには？
<table border="1" width="100px" style="table-layout:fixed;"> <tr> <td>あいうえお</td> <td nowrap>かきくけこ</td> </tr> <tr> <td>さしすせそ</td> <td>たちつてと</td> </tr> </table> 上記のコードを実行すると「かきくけこ」とかかれた行だけ改行されなくなります。 この「table-layout:fixed」以外を使って上記のように、「かきくけこ」だけ 改行されないようにするにはどうすればいいでしょうか？ 調べていて「overflow:hidden」というのを見つけましたが、 やり方が悪いのかうまくいきませんでした。 よろしくお願いします
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- himajin100000
- ベストアンサー率54% (1660/3060)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja"> <head> <title>Q3475842 TestCase 1</title> <style type="text/css"> table{ width:100px; border-style:solid; } tr{ border-style:solid; } td{ border-style:solid; } #hoge{ white-space: nowrap; } </style> </head> <body> <table id="sample"> <caption>比較対象用</caption> <tr> <td>あいうえお</td> <td>かきくけこ</td> </tr> <tr> <td>さしすせそ</td> <td>たちつてと</td> </tr> </table> <table id="sample2"> <caption>wrapプロパティを適用</caption> <tr> <td>あいうえお</td> <td id="hoge">かきくけこ</td> </tr> <tr> <td>さしすせそ</td> <td>たちつてと</td> </tr> </table> </body> </html> <!-- 参考資料 http://archivist.incutio.com/viewlist/css-discuss/14665 http://www.w3.org/TR/CSS21/text.html#propdef-white-space --> <!-- 検証環境 Minefield(Firefox 3 alpha 9 pre) Opera 9.5 Alpha Build 9613 Safari 3.0.4 Beta IE 7.5730.11 リリース版では出来るだけ検証しないという 変なプライドを持つhimajin100000 --> <!-- もし,overflow:hidden;の意味が 「かきくけ」で止めたい、という意味なら このサンプルは意味を成さない -->
