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

许三品 © 2008年8月18日 类归于： 修改记录

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

谁知

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

或者

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

于是博客很丑很难看。

为了恢复那迷人的界面，

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

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

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

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

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

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

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

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

随机文章推荐

  • 软件升级管理/视频下载
  • 我的梦想之旅
  • 黑客盗取电信小灵通18万话费
  • 荷兰3-0血洗意大利，爽
  • 读书认字：“爿”是什么意思
  • 到底谁是我们的祖先
  • 小嫖能怡性吗？
  • 博文会暴露你的个性吗？
  • 出差归来
  • UltraVPN:一款免费无限制的翻墙利器
    • 标签: , ,
    关注回复 引用文章 快速评论
    上周前六：
  • Johnny (5)
  • 冰古 (3)
  • 石油杂志 (3)
  • jogocun (2)
  • 大帝007 (2)
  • 啊邓 (2)

    • 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