HTML

はみ出した文字を表示しない方法

2014/05/14

IEでもChromeでもTDからはみ出した文字を消す

IEでもChromeでもHTMLでTABLEタグのTDからはみ出した文字を折り返えさずに消す方法です。

普通にするとはみ出す

以下のテーブルタグでは普通にTDの幅を超えた文字を指定すると隣のセルにはみ出して表示されます。

はみ出した分を消すには「overflow:hidden」を使う

はみ出した分を消すにはsytle属性で「overflow:hidden」を使います。

どでしょう?
うまく消えましたか?

注意事項としてはtdタグには「overflow:hidden」が効かないのでdivタグを使う必要があります。




-HTML
-, , ,

Copyright© ソフトウェア開発日記 , 2019 All Rights Reserved.