`

防止图片和文字将表格撑大

 
阅读更多
可以做到既防止表格/层撑破又防止单词断裂了。
如下:
代码

table {
table-layout: fixed;
word-wrap:break-word;
}
div {
word-wrap:break-word;
}

下面的是将超出范围的字省略?



<table width="200" border="1" style="table-layout: fixed;">
<tr>
<td style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">⊙河南省重点建设成就图片展⊙中原文化港澳行,魅力河南图片展⊙中原文化上海行,魅力河南图片展⊙中原文化北京行,魅力河南图片展⊙中原文化广州行,魅力河南图片展⊙中华人民共和国建国50周年成就展
</td>
</tr>
</table>
分享到:
评论

相关推荐

    Fire IPBS v1.0.9 Build 050506

    (可后台控制开/关) [2]优化 [img] 贴图标签,修复原版中存在的帖子中图片过大会将表格无限撑大的情况,帖子图片会根据用户的屏幕大小做自动调整,如果图片经过缩放会自动增加点击图片在新窗口中打开功能,未...

    管道基础交底.zip

    文档的格式是".doc",通常用于Microsoft Word,这表明内容可能是文字、表格和图片的组合,方便详细阐述各种概念和技术。 在管道工程中,基础交底是一项重要的环节,它涉及到管道的设计、安装、维护和安全等多方面...

    常用的JS,web开发有用哦

    ##### 1.46 表格文字强制换行(指定宽度, 防止撑破表格) - 控制表格内的文本换行,避免超出设定宽度。 ##### 1.47 相邻表格边框线合并 - 合并相邻表格的边框线,使得表格看起来更加整洁。 ##### 1.48 表格并排 -...

    cms数据库设计文档[归纳].pdf

    在NETCMS V1.0.0的数据库设计中,主要涉及了四个核心表格,分别是广告表(nt_Ads)、广告分类表(nt_Ads_Class)、广告统计表(nt_Ads_Stat)和广告文本表(nt_Adstxt)。这些表格的设计目的是为了管理和追踪网站上...

    常用JavaScript脚本(随时更新).doc

    `word-break:break-all` 是CSS样式,用于强制单词在任意字符处换行,防止长串英文单词撑破表格或其他容器的布局。 9. **图片渐显**: JavaScript的渐显效果通常通过CSS滤镜实现,这段代码中`cur.filters.alpha....

    计算机应用基础(本)课程学习心得体会.docx

    学习Word不仅要掌握基本的文本输入和格式化,还要了解页面设置、样式应用、图片和图表插入,以及邮件合并等高级功能,以便在实际工作中能快速制作出专业文档。 Excel电子表格系统是数据分析和管理的关键工具。学习...

    css word-break word-wrap 前台显示自动换行

    - 对于恶意的长串英文,可以通过`overflow:auto`来处理,它会在内容溢出容器时自动添加滚动条,防止内容撑大容器。在IE下,长串英文会自动折行;而在Firefox下,内容会被遮盖。 - `word-wrap:break-word;overflow:...

    数据库

    1. 数据:数据库中的“数据”是指有意义的信息,如文字、数字、图片等。 2. 数据库(Database):存储和组织数据的集合,可以是关系型的、非关系型的或其他类型。 3. 数据模型:描述数据结构和数据之间关系的抽象...

    C# 常用单词汇总,常用单词汇总

    - **应用场景**: 在文档编辑或网页设计中突出显示某些文字。 #### 18. Border (边框) - **定义**: 控件或元素周围的线条。 - **应用场景**: UI 设计中,增强控件的视觉效果,使其更易于识别。 #### 19. Bottom ...

Global site tag (gtag.js) - Google Analytics