`
zzc1684
  • 浏览: 1224101 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

避免表格table被撑开变形的CSS

    博客分类:
  • Html
阅读更多

  如何避免表格因为图片尺寸或者过长的英文字符而变形撑开,在CSS加入以下代码就可以防止,同时英文单词也会按单词断行,不是按字母这个。我想说的是这个在CSS2.0是不支持的,但是能解决一些实际问题。页面设计不是为了标准检验而设计,还是以用户使用为主,在目前有些WEB标准无法解决的一些问题上,我会采用一些非标准的方法处理,只要主流BROWSER如IE,Firefox,Netscape,Opera等上能正确显示,我会把通过WEB表准的校验放在次要位置,并且MS已经建议在CSS3。0中加入这个属性了,也许CSS3。0会支持。WEB标准也是在发展的,也许明天的标准就加入了这个属性,或者出现新的属性来解决。

  看看这个连接吧

  http://www.w3.org/TR/2003/CR-css3-text-20030514/#wordbreak-props

常用的CSS代码片段:
<style>
table {
table-layout: fixed;
word-wrap:break-word;
}
div {
word-wrap:break-word;
}
</style> 

分享到:
评论

相关推荐

    好看table样式 好看的CSS——Table样式表

    网络上收集的css table样式 好看table样式 好看的CSS——Table样式表

    利用CSS控制表格table的交替颜色

    本文将详细介绍如何通过CSS控制表格`&lt;table&gt;`的交替颜色,并提供具体的代码示例。 ### 一、基本原理 在HTML中,`&lt;table&gt;`元素用于创建表格,而`&lt;tr&gt;`代表表格的一行,`&lt;td&gt;`则表示表格中的一个单元格。CSS提供了...

    Table转div+css工具

    在网页设计领域,布局方式的发展经历了从表格(Table)到层(Div)+CSS的转变。"Table转div+css工具"就是专为此目的而设计的一款实用软件,它能够帮助开发者将原有的基于表格的HTML代码转换成使用Div和CSS进行布局的...

    CSS.table.rar_Table_css table_table css_表格css

    以下是一些关于"CSS.table.rar_Table_css table_table css_表格css"中涉及的关键知识点: 1. **表格元素基础**: - `&lt;table&gt;`:这是HTML中创建表格的基本标签,用于定义表格的结构。 - `&lt;tr&gt;`:表示表格行(Table...

    css table 表格标签

    在网页设计中,CSS(Cascading Style Sheets)是一种用于控制网页元素呈现样式的语言,而HTML中的`&lt;table&gt;`标签则是用来创建表格布局的重要元素。`&lt;table&gt;`标签允许我们构建复杂的表格结构,包括行(`&lt;tr&gt;`)、列(`...

    Table2CSS表格转CSS+DIV布局工具

    【标题】"Table2CSS表格转CSS+DIV布局工具"是一款专为网页设计者打造的实用软件,旨在帮助用户将传统的HTML表格布局转换为更现代、更灵活的CSS(层叠样式表)与DIV(定义文档结构的HTML元素)布局。这种转换能够提升...

    table 中,如何使得单元格的内容不换行,单元格不被撑开,显示不下的时候在结尾处显示“...”

    总结,要让表格单元格内容不换行,单元格不被撑开,并在显示不下的时候在结尾处显示“...”,你需要通过CSS设置`white-space`、`overflow`和`text-overflow`属性,并为单元格设定一个固定的宽度。同时,确保所有可能...

    8款非常好看的css表格

    4. **Hover.css Table Styles** Hover.css提供了一系列CSS3动画效果,可以应用到表格上,使表格在鼠标悬停时产生动态视觉反馈,增强用户体验。 5. **Bootstrap Tables** Bootstrap是广泛使用的前端开发框架,其...

    HTML Table 漂亮的CSS

    在网页设计中,HTML表格(Table)是一种常用的数据展示方式,而通过应用合适的CSS(Cascading Style Sheets)样式,我们可以让这些表格看起来更加美观、专业。本资源包"HTML Table 漂亮的CSS"提供了多种独立的CSS...

    通过css动画实现一个表格滚动轮播效果

    css动画的一个应用,与此前的css走马灯同样的内容。只是一次不同的应用,具体实现如下 序号 姓名 年龄 性别 专业 &lt;/ul&gt;

    漂亮的表格css+html

    我们可以使用CSS来改变表格的布局、颜色、边框等属性。例如,为了使表格看起来更清爽,我们可以设置边框为单色,并去除内边距: ```css table { border-collapse: collapse; border-spacing: 0; } th, td { ...

    bootstrap-table.css 表格拖拽排序

    在本主题中,我们关注的是"bootstrap-table.css 表格拖拽排序",这是一种允许用户通过鼠标拖放操作来改变表格行顺序的功能。这个特性尤其适用于那些需要频繁调整数据顺序的场景,比如任务管理或者项目进度跟踪。 ...

    jquery table ui插件制作css表格隔行变色特效代码

    总结,实现`jQuery table UI`插件制作的CSS表格隔行变色特效,主要分为以下几步: 1. 创建基本的HTML表格结构。 2. 引入`jQuery`库和`Table UI`插件的CSS和JS文件。 3. 使用`jQuery`选择器和CSS样式实现隔行变色。 4...

    纯CSS3漂亮表格(圆角、渐变、多背景色).rar

    在实际应用中,需要注意的是,这些CSS3特性在老版本的Internet Explorer(尤其是IE8及以下)中可能不被支持。因此,对于需要兼容旧浏览器的项目,可能需要借助像Modernizr这样的库,或者使用渐进增强或优雅降级的...

    表格转换为div(Table2CSS)

    Table2CSS是一款可以将表格布局网页完美转换成DIV+CSS方式的软件。支持外部CSS,支持网页及目录 批量转换。 这个软件原来是老外做的,收费的,但是经北京采摘在线Nodody汉化破解,已经没什么限制,完全可用了。 ...

    css table width表格宽度样式设置定义.docx

    css 表格宽度样式设置定义 css 表格宽度样式设置定义是 Web 开发中一个基本而又重要的概念。它涉及到 HTML 和 CSS 两方面的内容。通过本文,我们将详细探讨如何通过 HTML 和 CSS 来定义表格的宽度,并且探讨不同的...

    CSS表格样式1

    在CSS(层叠样式表)中,表格样式是网页设计中的一个重要组成部分,它能帮助我们打造出美观且功能丰富的数据展示区域。这篇博文“CSS表格样式1”可能详细讲解了如何利用CSS来定制HTML表格的外观和布局。由于描述中...

    table表格,让thead固定,tbody有滚动条,关键是都对齐的纯css写法

    table表格,让thead固定,tbody有滚动条,关键是都对齐的纯css写法。table表格,让thead固定,tbody有滚动条,关键是都对齐的纯css写法。table表格,让thead固定,tbody有滚动条,关键是都对齐的纯css写法。table...

    纯css实现table滚动条(纯css实现div滚动条)

    纯css实现table滚动条(纯css实现div滚动条),主要是通过设定高度/宽度及overflow:auto;实现.

    html div没有被撑开的原因及解决办法

    通过使用`lj_设置子dom的height 100%即可.png`、`必须清除子dom的float才能撑开父dom.txt`、`absolute存在的时候floate会失效.txt`、`css - div层为什么没有被自动撑开-.url`这些资源,你可以更深入地学习和实践这些...

Global site tag (gtag.js) - Google Analytics