位置: 编程技术 - 正文

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

  • 增值税销项税额账务处理
  • 应收出口退税金额无法收回怎么做账?
  • 预算会计退回预付差旅费如何记账?
  • 对外捐赠固定资产属于营业外支出吗
  • 联营企业属于企业吗
  • 工程行业存货哪些科目组成
  • 停车场自助缴费系统
  • 分公司一定要汇总申报吗
  • 小规模纳税人办公场地要求
  • 申报入库税款怎么分税种发给税管员
  • 企业建设项目审批流程
  • 契税的发票开错了还可以作废吗?
  • 购入但未开始使用的房产
  • 补去年的税款怎么做账
  • 税控盘证书密码一天可以输几次
  • 关于支付税审费的问题
  • 文化事业建设费税收优惠政策2023
  • 房地产企业如何计算增值税
  • 未担保余值是什么意思
  • 采用支付手续费方式委托代销商品
  • 火车票飞机票进项税额怎么抵扣
  • 旅行社开的发票是否都要差额征税
  • 企业利润表中营业收入在资产负债表中有勾千盾关系吗
  • 享受小型微利企业税收优惠的条件
  • 住房公积金是否全国联网
  • 为什么win10系统更新不了
  • 发票已认证还未开票
  • 无形资产资本化和费用化的区别
  • 在win7系统中将打开窗口拖到屏幕顶端
  • PHP:xml_parser_free()的用法_XML解析器函数
  • 生活服务业内容
  • 如何让windows8.1更流畅
  • win10鼠标速度默认是多少
  • php数组函数题目
  • php日历如何实现
  • 网线插上还是显示红叉
  • 最早在哪一年手机可以上网
  • vue中使用echars
  • 简述金融会计的主要职能
  • 农村合作社免所得税吗
  • 专项应付款费用化
  • php网站配置
  • 核销固定资产时会计处理
  • 小企业固定资产折旧方法包括
  • package.json详解
  • centos8 telnet
  • 个体户个人所得税税率表
  • python gitpython
  • 资产负债表中的货币资金怎么算
  • 农业用肥尽量不选择
  • 一次性伤残补助金怎么查询进度
  • 递延收益为什么属于负债
  • 存货跌价准备的特点
  • 文化事业建设费的征收标准
  • 报关金额必须和实收一样吗
  • 公司只有收入没有支出违法吗
  • 没签劳动合同的后果
  • 固定资产折旧方法不考虑净残值
  • 在网上如何申领发票
  • 发票丢失记账联入账
  • 销售自己使用过的物品免税吗
  • 五证合一的办理流程是什么
  • 纳税人和负税人区别通俗易懂
  • sql server语句查询
  • mysql更改密码命令
  • mysql声明全局变量
  • win10 0×0000007b怎么解决
  • windows刷新快捷键是什么
  • windows 个性化设置包含哪些方面?
  • 电脑怎么调win7系统
  • 安卓接入点
  • redis开机自动启动linux
  • python 数独破解器
  • jquery 动态绑定click事件
  • python读入txt
  • python 面向对象 类
  • js检查邮箱格式
  • android 打包
  • 出口退税报关单在哪里打印
  • 水库淹没区耕地补偿标准
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设