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

许三品 © 2008年8月18日 Filed under: 所谓技术

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

谁知

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

或者

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

于是博客很丑很难看。

为了恢复那迷人的界面，

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

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

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

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

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

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

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

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

欢迎订阅: Google Reader | 鲜果 | 抓虾 | 九点 | QQ邮箱 | 有道 | 更多...

随机文章推荐...

标签: , , 关注回复 引用文章
上周前六：
  • 吴侃 (2)
  • aisinvon (2)
  • peter程 (2)
  • 妖娆盛唐 (2)
  • 无言的山丘 (1)
  • 赵宏 (1)
    • 我要上榜

    22 Comments

    1. 老N 说：
      2008年8月18日 于 19:28

      学习了，原来有个pai的网址几十位长，把版面搞的很奇怪

      回复
    2. WordPress中文站 说：
      2008年8月18日 于 21:08

      这个博客主题很漂亮！

      回复
    3. 怕踢 说：
      2008年8月18日 于 21:30

      不知道对一串英文有没有效果，比如说:asdahsdjhaksjhdajsdahlsjdhlajshdajsdh(….再长点。)我试试去

      回复
    4. schuen 说：
      2008年8月18日 于 21:38

      ie和ff都支持?

      回复
    5. 东方夜雨 说：
      2008年8月18日 于 21:52

      好东西啊！收下了，谢谢大圣分享。

      回复
    6. ddkk3000 说：
      2008年8月18日 于 21:58

      怪不得我看到很多英文模板里有这段代码，原来是搞这个用的。如果是链接怎么搞呢？

      回复
    7. 望月 说：
      2008年8月18日 于 21:59

      大圣的logo很赞啊，是自己弄得吗？想联系你又不知道怎么联系，你只有一个qq邮箱吗？

      回复
    8. 11 说：
      2008年8月18日 于 23:25

      嗯效果不错地

      回复
    9. AFan 说：
      2008年8月19日 于 04:52

      这几行我倒是没用到过，真是学习了

      Google终于恢复对我网站的收录了。

      回复
    10. 麦田守望者 说：
      2008年8月19日 于 10:48

      你真是个大仙，强力搜索把你给搜出来了！

      回复
    11. 麦田守望者 说：
      2008年8月19日 于 10:48

      不过这个代码倒是挺实用的！！！

      回复
    12. 陌路阑珊 说：
      2008年8月19日 于 15:50

      我来试试效果，呵呵

      回复

    Post a Comment