设为首页收藏本站

YEAHK綜合網站

 找回密码
 立即注册

扫一扫,访问微社区

QQ登录

只需一步,快速开始

搜索
查看: 1101|回复: 0

[网络教程] 解決網頁被撐破的辦法

  [复制链接]
  • TA的每日心情
    擦汗
    2015-1-3 01:21
  • 签到天数: 18 天

    连续签到: 1 天

    [LV.4]偶尔III

    449

    主题

    908

    帖子

    1万

    积分

    admin

    论坛坛主

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    积分
    18530

    最佳新人活跃会员热心会员推广达人宣传达人灌水之王突出贡献优秀版主荣誉管理论坛元老

    QQ
    发表于 2012-5-7 01:10:48 | 显示全部楼层 |阅读模式
    用表格做网页排版的时候,一般都能正常使用。偏偏有时会碰到一段连续的英文词或者一堆感叹号(!!!)把网页就撑开的现象:(
    总结了一下,只要在CSS中定义了如下句子,可保网页不会再被撑开了。
    table{table-layout: fixed;}
    td(word-break: break-all; word-wrap:break-word;)

    注释一下:
    1.第一条table{table-layout: fixed;},此样式可以让表格中有!!!(感叹号)之类的字符时自动换行。
    2.td{word-break: break-all},一般用这句这OK了,但在有些特殊情况下还是会撑开,因此需要再加上后面一句(word-wrap:break-word;)就可以解决。此样式可以让表格中的一些连续的英文单词自动换行

    <
    踩过的脚印

    |手机版|小黑屋|WwW.Yeahk.Com ( HardyWong    360網站安全

    GMT+8, 2018-8-20 07:04 , Processed in 0.274768 second(s), 23 queries , File On.

    Powered by Discuz! X3.4

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表