2013年3月6日水曜日

【CSS】又发现了一个防止文字溢出的方法

在我之前的有一篇叫【CSS】防止特长字符串强制溢出的写法的博文中介绍了一种方法,可是我发现虽然文字溢出是解决了,但是漂亮的博客模板在谷歌浏览器中却变的乱七八糟,只有IE能正常显示。看着严重错位的模板心中实在是不爽。今天在逛博客的时候意外发现的一个博友的博客里贴的超长下载地址竟然会自动转行,而且模板也没有异常显示。于是我看了一下他的CSS。

看了他的CSS后我发现了一个神奇的东东。
*{
word-break:break-all;
}
除了这个东西没有其他东西跟自动换行有关,于是我在HTML中到处找标签名是*的div。可是怎么找就是找不到。于是我灵机一动,也许这是控制所有标签的样式,所以才故意没用特殊的名字而是用的*代替。于是我把原来控制溢出的代码删除,把这个代码放进去,プレビュー。竟然成功了!太神奇了。我又试了一下在*的样式里面添加一些其他的东西,发现的确正如我所料可以控制所有的标签。按照原理把word-break:break-all;放到body里面也应该可行,试了一下,也成功了。
可是却出了一个新问题,中间的大模块的背景不见了,怎么弄都不行。最后还是通过修改body的样式才解决的。啊~,累死了。不过总算解决了问题。看到又恢复了整洁的博客,心里真舒服。

0 件のコメント:

コメントを投稿