位置: 编程技术 - 正文

用CSS控制表格或单元格强制换行,防止表格被英文单词或中文撑大(css控制html)

编辑:rootadmin
对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行 html <div id="wrap">正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义</div> css #wrap{white-space:normal; width:px; } 1.(IE浏览器)连续的英文字符和阿拉伯数字,使用word-wrap : break-word ;或者word-break:break-all;实现强制断行 #wrap{word-break:break-all; width:px;} 或者 #wrap{word-wrap:break-word; width:px;} <div id="wrap">abcdefghijklmnabcdefghijklmnabcdefghijklmn</div> 效果:可以实现换行 2.(Firefox浏览器)连续的英文字符和阿拉伯数字的断行,Firefox的所有版本的没有解决这个问题,我们只有让超出边界的字符隐藏或者,给容器添加滚动条 #wrap{word-break:break-all; width:px; overflow:auto;} <div id="wrap">abcdefghijklmnabcdefghijklmnabcdefghijklmn</div> 效果:容器正常,内容隐藏 对于table 1. (IE浏览器)使用 table-layout:fixed;强制table的宽度,多余内容隐藏 <table style="table-layout:fixed" width=""> <tr> <td>abcdefghigklmnopqrstuvwxyzssssssssssssss </td> </tr> </table> 效果:隐藏多余内容 2.(IE浏览器)使用 table-layout:fixed;强制table的宽度,内层td,th采用word-break : break-all;或者word-wrap : break-word ;换行 <table width="" style="table-layout:fixed;"> <tr> <td width="%" style="word-break : break-all; ">abcdefghigklmnopqrstuvwxyz </td> <td style="word-wrap : break-word ;">abcdefghigklmnopqrstuvwxyz </td> </tr> </table> 效果:可以换行 3. (IE浏览器)在td,th中嵌套div,p等采用上面提到的div,p的换行方法 4.(Firefox浏览器)使用 table-layout:fixed;强制table的宽度,内层td,th采用word-break : break-all;或者word-wrap : break-word ;换行,使用overflow:hidden;隐藏超出内容,这里overflow:auto;无法起作用 <table style="table-layout:fixed" width=""> <tr> <td width="%" style="word-break : break-all; overflow:hidden; ">abcdefghigklmnopqrstuvwxyz</td> <td width="%" style="word-wrap : break-word; overflow:hidden; ">abcdefghigklmnopqrstuvwxyz</td> </tr> </table>

推荐整理分享用CSS控制表格或单元格强制换行,防止表格被英文单词或中文撑大(css控制html),希望有所帮助,仅作参考,欢迎阅读内容。

用CSS控制表格或单元格强制换行,防止表格被英文单词或中文撑大(css控制html)

文章相关热门搜索词:css设置表格单元格,用css控制表格或图片,用css控制表格或图片,用css控制表格或图片,用css做表格,用css控制表格或文字,用css控制表格或文字,用css控制表格或文本框,内容如对您有帮助,希望把文章链接给更多的朋友!

div结合css布局bbs首页(div+css布局入门) 我把论坛首页分为header区,信息区,内容区,页脚区。首先用一大div把这些包含进来,主要是考虑到页面整体调节方便,比如要调成宽屏的或者是窄屏

firefox margin-top失效的原因与解决办法 为什么要翻译这篇说明?css2本有人已翻译过,但看一下,很粗糙(不是说自己就怎么怎么样啊,翻译者真的是很值得敬佩的!),近来跟css与xhtml接触

IE hack条件写法 最近制作下拉菜单时,打算用纯CSS,忽又看到令人头痛的CSShack代码(平时很少关注),记录下来以作备用。!?[iflteIE6]………….![endif]?Ite:lessthanorequalto

标签: css控制html

本文链接地址:https://www.jiuchutong.com/biancheng/375399.html 转载请保留说明!

上一篇:解决IE6 3像素Bug的css写法(月经其间可以吃消摇丸吗)

下一篇:div结合css布局bbs首页(div+css布局入门)(css+div布局的常用方法)

  • 增值税专用发票可以开电子发票吗
  • 施工单位缴税实例
  • 增值税抵扣了,附加税怎么算
  • 土地摊销账务处理
  • 金税四期正式启动
  • 个人所得税红利20%
  • 受托代销商品款是什么科目
  • a3软件怎么反记账
  • 转让股权收入需要缴纳企业所得税吗
  • 金蝶专业版怎么导入备份账套
  • 合并会计报表中的未分配利润反应的是什么
  • 企业应交所得税怎么算
  • 折旧已经计提完的固定资产如何盘点
  • 高速公路通行费电子发票怎么打印
  • 卖二手车发票如何做账?
  • 委托其他公司开票收款
  • 资本公积是啥
  • 农民合作社缴附加税吗
  • 以存货抵偿债务结转的相关存货跌价准备
  • 资本公积转增股本个人所得税
  • 促销赠品的会计处理
  • 投资收益账户月末结转余额吗?
  • 补记以前年度往来款
  • 汽车销售行业的现状及发展趋势
  • 销售方销售折让的会计处理
  • 异地取款还有手续费吗
  • 小微企业关闭
  • 企业计算缴纳的所得税费用
  • 新公司能先用别人的钱吗
  • 交易性金融资产公允价值变动计入
  • 股利分配账务处理
  • 中秋福利费会计分录
  • 先支付后收到发票怎么做账
  • php 无限级分类
  • linux 传输文件
  • 票据贴现办法
  • kjournald是什么进程
  • memory tester
  • 贷款损失准备的作用
  • 应付股利在资产负债表哪个科目
  • nvm安装教程
  • 命令行mkdir创建文件夹
  • php在图片上添加文字
  • 包装费包含什么
  • 企业处置固定资产发生的净损失应计入
  • 企业所得税本期已预交怎么算
  • 费用科目在贷方表示
  • 发票没有填写开户行,可以报销吗
  • 发票抵扣联和发票联区别
  • 收到的发票税收怎么处理
  • mysql百万级数据分页查询优化
  • 24张图攻克border-image
  • 坏账核销的会计处理
  • 公司转让商铺应交什么税
  • 广告设计要交文化事业建设
  • 园林绿化企业属于什么行业
  • 技术报酬金是什么意思
  • 会计凭证的填制与审核实训总结
  • 应收账款增加给哪一方
  • 制造费用转入生产成本摘要怎么写
  • 印花税计提依据业务发生时间还是开票时间?
  • sql触发器菜鸟教程
  • windows server特点
  • fedora怎么用
  • dos查看进程占用cpu
  • cocos2dx-js
  • css ie6 ie7 ff的CSS hack使用技巧
  • unity引擎用什么模拟器
  • js设计模式书
  • 怎么用node.js写接口
  • 安卓百分百
  • shell脚本 -mtime
  • unity 角色
  • 如何利用百度地图定位
  • 网页js调试
  • 涉税服务业务是什么
  • 辽宁取暖补贴发放标准2020
  • 社保缴费电子回单在哪里截图
  • 专利转让个人所得税转换为经营所得
  • 代理记账公司成本怎样结转的
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设