• 締切済み

特定のセルの値のみ改行しないようにするには？

<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」というのを見つけましたが、 やり方が悪いのかうまくいきませんでした。 よろしくお願いします

  • HTML
  • 回答数1
  • ありがとう数0

みんなの回答

回答No.1

<!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;の意味が 「かきくけ」で止めたい、という意味なら このサンプルは意味を成さない -->

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

質問する