位置: 编程技术 - 正文

用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布局的常用方法)

  • 待抵扣进项税额和待认证进项税额的区别
  • 集体房屋出租管理办法
  • 银行应发贷款和实际收到的贷款为什么不一致
  • 计提印花税会计分录最新
  • 转租房产税计税依据
  • 费用报销哪些可以不用合同的
  • 累计折旧可以直接计入主营业务成本吗
  • 付款给对方的会计分录
  • 专票上的电话号码应该是哪个
  • 个人车卖给公司能抵税吗
  • 增值税小规模纳税人起征点
  • 套期保值账务处理出售被套期项目
  • 专票红冲账务处理
  • 小规模纳税人销售农产品税率是多少
  • 企业分立特殊性税务处理涉税
  • 捐赠出的资产如何处理
  • 公司宣传牌模板
  • 公司对公银行账户可以注销吗
  • 商业折扣如何开票
  • 金蝶标准版结转损益发生错误
  • 物流公司一般纳税人怎么报税
  • 代收代付给个人
  • 退休返聘人员被辞退未提前通知能要求多付一个月工资吗
  • 未分配利润调整到其他应付款
  • 小规模购买财务软件怎么做分录
  • 关税征收目的
  • 公司自己的食堂需要办理食品经营许可证吗
  • 怎么查询企业的注册资金
  • 水利建设基金从铁路建设基金港口建设费收入中提取5%
  • 关于购买专业书籍的请示
  • 企业合并无形资产摊销
  • 房地产企业土地出让金抵减销项税额
  • 盘亏的转销金额
  • 管理费用进项税额转出会计分录
  • 员工因违反公司规章制度被辞退有补偿吗
  • linux怎么操作
  • php总结
  • xp系统电脑关机后又重启怎样处理
  • wordpress 设置
  • PHP:iconv_mime_decode()的用法_iconv函数
  • 如何加强企业应收应付款管理论文
  • 转让旧房及建筑物的扣除项目
  • 鼓励证券投资基金的政策
  • 房屋出租一定要签合同吗
  • php curl 封装
  • php常用字符串
  • 深入浅出讲解傅里叶变换
  • php微信公众号开源框架
  • 单点登录sso原理
  • 六款小巧的HTTP Server[C语言] 贵贵的博客 开发|架构|开源|共享
  • 错误日志怎么修复
  • 股东分红算不算股利
  • 土地增值税扣除率怎样计算
  • 预提的管理费用,汇算清缴怎么做
  • 企业向合伙企业分红怎么交税
  • python elasticsearch timeout
  • db2教程
  • centos5.7
  • 金税四期对企业的影响与应对
  • 从业人数的计算方法
  • 普通发票和增值税普通发票一样吗
  • 补开以前年度发票
  • 采购返利是什么意思
  • 远程登陆服务器命令
  • XP系统怎么设置双屏幕
  • xp系统强制删除文件
  • acer笔记本电脑触摸板没反应
  • debian 使用
  • win10怎么预览
  • mac不同账户如何共享文件
  • windows8如何关闭杀毒软件
  • linux如何查看用户的信息
  • ecmascript6入门
  • opengl oes纹理
  • nodejs前后端数据交互
  • unity常用api
  • 沈阳市房产契税查询
  • 上海川沙十八铺市场
  • 税务和海关哪个单位比较好
  • 税务24号公告
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设