超长英文（代码）自动换行的样式（CSS）

Filed in：修改记录作者：许三品发布于：2008.08.18

好不容易弄了个漂亮博客界面

谁知

一个超长的网址把这漂亮的界面给撑得变形；

或者

一行超长的代码又把博客界面撑开三亩地；

于是博客很丑很难看。

为了恢复那迷人的界面，

展开了寻找解决方案的漫长路程，

终于，在不断的努力和尝试下

还是让我找到了那如此简单的解决方案：

在文章的CSS样式处加上以下代码即可：

         table-layout: fixed;
        word-wrap:break-word;
        word-break:break-all;

此代码的目的就是控制超长的英文或代码自动换行以免撑坏版面。

假如你想段落文字的两端刷刷对齐就加上以下代码即可：

         text-align:justify;
        text-justify:inter-ideograph;

22 条评论

老N said on: 2008.08.18 at 19:28 [回复]
学习了，原来有个pai的网址几十位长，把版面搞的很奇怪
WordPress中文站 said on: 2008.08.18 at 21:08 [回复]
这个博客主题很漂亮！
怕踢 said on: 2008.08.18 at 21:30 [回复]
不知道对一串英文有没有效果，比如说:asdahsdjhaksjhdajsdahlsjdhlajshdajsdh(….再长点。)我试试去
schuen said on: 2008.08.18 at 21:38 [回复]
ie和ff都支持?
东方夜雨 said on: 2008.08.18 at 21:52 [回复]
好东西啊！收下了，谢谢大圣分享。
ddkk3000 said on: 2008.08.18 at 21:58 [回复]
怪不得我看到很多英文模板里有这段代码，原来是搞这个用的。如果是链接怎么搞呢？
望月 said on: 2008.08.18 at 21:59 [回复]
大圣的logo很赞啊，是自己弄得吗？想联系你又不知道怎么联系，你只有一个qq邮箱吗？
大圣 said on: 2008.08.18 at 22:22 [回复]
之前也把我弄得头痛万分！
大圣 said on: 2008.08.18 at 22:22 [回复]
可以试一下嘛！
大圣 said on: 2008.08.18 at 22:22 [回复]
目前没有发现问题！
大圣 said on: 2008.08.18 at 22:22 [回复]
不客气！
大圣 said on: 2008.08.18 at 22:22 [回复]
应该也没有问题！
大圣 said on: 2008.08.18 at 22:24 [回复]
呵呵！谢谢夸奖！logo是sofish帮我弄的，除了邮箱还可以通过QQ联系我！
11 said on: 2008.08.18 at 23:25 [回复]
嗯效果不错地
AFan said on: 2008.08.18 at 04:52 [回复]
这几行我倒是没用到过，真是学习了

Google终于恢复对我网站的收录了。
麦田守望者 said on: 2008.08.18 at 10:48 [回复]
你真是个大仙，强力搜索把你给搜出来了！
麦田守望者 said on: 2008.08.18 at 10:48 [回复]
不过这个代码倒是挺实用的！！！
大圣 said on: 2008.08.18 at 12:47 [回复]
恭喜恭喜！
大圣 said on: 2008.08.18 at 12:47 [回复]
哈哈！过奖了！
大圣 said on: 2008.08.18 at 12:48 [回复]
好东西不敢独享！我想到肯定很多朋友需要到！
陌路阑珊 said on: 2008.08.18 at 15:50 [回复]
我来试试效果，呵呵
大圣 said on: 2008.08.18 at 10:10 [回复]
有问题记得反馈哦！