2012年4月25日 星期三

CSS上解決文字超過div寬度的方法-text-overflow

在hmtl裡,文字如果超過div的寬度,可能會破壞掉原本的排版,可以用overflow跟text-overflow搭配來解決,之前有提過這點,沒想到純css就可以讓超過長度的文字變成...了,很方便,搭配的效果如下,可以試試。

style="text-overflow : clip; overflow : hidden"
Adobe helps businesses thrive in a world where digital media is pervasive

style="text-overflow : ellipsis; overflow : hidden"
Adobe helps businesses thrive in a world where digital media is pervasive

style="text-overflow : ellipsis; overflow : visible"
Adobe helps businesses thrive in a world where digital media is pervasive

W3C上的說明
反應:

0 意見:

Related Posts Plugin for WordPress, Blogger...