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

许权滔 — Mon, 18 Aug 2008 08:50:18 +0000

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

谁知

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

或者

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

于是博客很丑很难看。

为了恢复那迷人的界面，

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

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

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

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

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

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

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

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

Feed enhanced by Better Feed from Ozh

花果山寨 » 自动换行