位置: 编程技术 - 正文

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

  • 预缴增值税需要预缴城建税吗
  • 外经证预缴税款征收率
  • 升级10万元版发票有什么要求
  • 填写了领款单还要填报销单吗
  • 9个点的发票跟6个点区别
  • 代扣代缴完税凭证 要勾选吗
  • 每个月结转损益都有什么科目
  • 旅游开发公司有什么职位
  • 赠送车子需要过户吗
  • 合伙企业是否需要缴纳增值税
  • 装修工程分期开票分期付款如何作账?
  • 供应销用商品给的返利怎么做?
  • 开出转账支票怎么入账
  • 预提费用入账依据
  • 土地使用税源编明细表怎么填
  • 社保和公积金的钱可以取出来吗
  • 委托加工应税消费品收回后直接销售
  • 增值税月末如何计算
  • BIOS识别不了硬盘pe可以
  • 部shu
  • 硬盘的转速有什么用
  • phpurl编码
  • 建筑业主营业务收入二级科目有哪些
  • 进程antimalware service
  • php text
  • 有关应付债券的法律规定
  • 再保险业务核算方法
  • 犹他州现神秘物体
  • 政府会计主体资产有哪些
  • 固定资产非正常损失
  • 建筑物附属设备包括哪些
  • 投资性房地产成本法账务处理
  • 资产减值损失会影响利润总额吗
  • Yii2超好用的日期和时间组件(值得收藏)
  • 税控盘和金税盘的功能一样吗
  • 检测命令
  • 帝国cms移动端
  • wordpress标签tag文章
  • dedecms更新
  • 企业处置固定资产发生的净损失应计入
  • 一般纳税人开发票给小规模纳税人
  • 财政零余额账户是什么
  • mysql中的外键的作用
  • 事业单位财政拨款收入会计分录
  • 低值易耗品如何界定
  • 自然人扣缴系统怎么申报个税
  • 开发成本为什么放在存货里
  • 免税农产品按多少抵扣
  • 无追索权保理的例外
  • 预缴所得税科目
  • 企业开负数发票退货后如何处理?
  • 住宿费记入成本会计分录
  • 下列项目的进项税额可以从销项税额中抵扣的是()
  • 现金零星金额多少
  • 没有外币账户可以收外币吗
  • 会计账簿按账页不同可以分为
  • 销售费用明细科目有哪些内容
  • sqlserver批量删除数据
  • linux系统文件在哪个目录
  • 在系统注册表中注册
  • 加载dll错误是什么意思
  • win7能不能安装vs2019
  • ubuntu怎么打开系统设置
  • Cpqset.exe是什么系统进程 Cpqset有啥作用
  • macbook怎么剪视频软件
  • win8一直在开始界面
  • win7旗舰版用户
  • centos7 swap大小设多少
  • js实现组件功能
  • 获取nodejs命令行信息
  • 安卓开发viewpager的用法
  • jquery移出class
  • android面试基础知识
  • easyui加载数据慢
  • Python实现HTTP协议下的文件下载方法总结
  • 湖南省电子国税
  • 新能源汽车车船税
  • 15号扣税
  • 山东网上信访投诉平台
  • 业务招待费进项可以抵扣吗为什么
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设