设为首页收藏本站

YEAHK綜合網站

 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

搜索
查看: 1013|回复: 0

[设计编辑] 解決網頁被撐破的辦法

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

    连续签到: 1 天

    [LV.4]偶尔III

    443

    主题

    902

    帖子

    1万

    积分

    admin

    论坛坛主

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

    积分
    18409

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

    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;)就可以解决。此样式可以让表格中的一些连续的英文单词自动换行


    楼主热帖
    [Computer 電腦維修] 電腦開機自動重啟的原因與解決
    [HTC HD2|Android] YEAHK_AOKP4.04_5.5大幅美化画面,优
    [HTC HD2|Android] 私人收藏的HD墙纸。喜欢的下吧。
    [觀賞蝦] 水晶蝦養殖---我的個人經驗分享
    [图片专区] 周慧敏低胸装皮肤显松弛 乐当人妻只是兼
    [MTK相关] MTK芯片手机完美USB驱动
    [图片专区] 不看不知道 你见过这样的钱币吗(组图)
    [HTC HD2|Android] (转帖)高速省电ROMFHQ-MIUI-V8
    [HTC HD2|Android] 4-25更新AOKP4.0.4解决本地和在线播
    [新人报道] 2012年9月12日签到贴
    [新人报道] 2012年12月11日签到贴
    [HTC HD Mini|Android] YEAHK_ROM省电设置和已知BUG解决

    踩过的脚印

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

    GMT+8, 2018-1-19 05:58 , Processed in 0.653582 second(s), 23 queries , File On.

    Powered by Discuz! X3.3

    © 2001-2013 Comsenz Inc.

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