正在加载……

超长英文(代码)自动换行的样式(CSS)

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

谁知

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

或者

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

于是博客很丑很难看。

为了恢复那迷人的界面,

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

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

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

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

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

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

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

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

特别鸣谢:
  • Johnny (14)
  • 山寨 (8)
  • 陌路阑珊 (7)
  • Yacca (6)
  • Eden (6)
  • 长河 (6)


  • 标      签 : , , 关注回复文章引用地址

    22 条评论

    1. 老N said on:

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

    2. WordPress中文站 said on:

      这个博客主题很漂亮!

    3. 怕踢 said on:

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

    4. schuen said on:

      ie和ff都支持?

    5. 东方夜雨 said on:

      好东西啊!收下了,谢谢大圣分享。

    6. ddkk3000 said on:

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

    7. 望月 said on:

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

    8. 大 圣 said on:

      之前也把我弄得头痛万分!

    9. 大 圣 said on:

      可以试一下嘛!

    10. 大 圣 said on:

      目前没有发现问题!

    11. 大 圣 said on:

      不客气!

    12. 大 圣 said on:

      应该也没有问题!

    13. 大 圣 said on:

      呵呵!谢谢夸奖!logo是sofish帮我弄的,除了邮箱还可以通过QQ联系我!

    14. 11 said on:

      嗯效果不错地

    15. AFan said on:

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

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

    16. 麦田守望者 said on:

      你真是个大仙,强力搜索把你给搜出来了!

    17. 麦田守望者 said on:

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

    18. 大 圣 said on:

      恭喜恭喜!

    19. 大 圣 said on:

      哈哈!过奖了!

    20. 大 圣 said on:

      好东西不敢独享!我想到肯定很多朋友需要到!

    21. 陌路阑珊 said on:

      我来试试效果,呵呵

    22. 大 圣 said on:

      有问题记得反馈哦!

    Post a Comment

    Your email is never published nor shared. Required fields are marked *

    *:

    *:

    :

    Type your comment out:

    提示:首次在本博评论者需要审核,请见谅!