（仮）

ぎゃー！進撃の巨人の実写の配役！！

私の好きなアルミン、ハイブリットされずにすんでるし好きな俳優さんでなにより。

ではなくて、記事記事。

昨日の記事のとおり、ロジックでなんとかしようとすると微妙な道のりな件を報告すると

「jspでできるよ」

とそこかしこからお声が。

あ、さようですか、あるんなら調べます（基本的に創造しないダメンジニア）

で、調べてもらって（←）

text-overflowをつかう

をくっつけてみたのですが、うまくいかない。

あれ・・・

と思いtext-overflowを有効にする方法を実行したんだけど幅が効かない。

あれ・・・・・・

と思いtable-layout:fixed;の幅を決定させる方法を行ったところやっと幅指定が効いた。

一行目の幅指定に左右されるのに、各所で幅指定していたのが原因でした！

（tdだったり、ｔｈだったり）

幅指定しないと文字列の長さではなくレイアウト的に美しそうな幅で決めてくれるらしいので途方にくれました。


以下まとめ

１行表示の文字列が長い場合「…」とか省略表示する方法

私がうまくいった方法ですので、他にもあるかもしれません！

• tableの属性に「table-layout: fixed;」を指定
• tableの一行目の幅を指定（ここに左右されるので、決めないわけにはいかなさそうです）
• 省略表示したい列のtdにtext-overflow: ellipsisを指定
• 省略表示したい列のtdにwhite-space: nowrap;を指定
• 省略表示したい列のtdにoverflow: hidden;を指定