`
huanyq2008
  • 浏览: 167161 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

控制td换行的css样式

阅读更多

遇到一个棘手的问题,即便是给td限定的宽度,但是如果里面的内容是连续的,IE就认为是一个单词,不会换行,瞎聪明,google了一通,用css把问题解决了,css这玩意太强了,收藏一下,控制td换行的css样式:style="word-wrap:break-word;word-break:break-all;"

 

 

1<table width="100%" border="0" cellspacing="1" cellpadding="0">       
2 <tr>
3  <td width="25%" style="word-wrap:break-word;word-break:break-all;"  valign="bottom" >
4  abcabcabcabcabcabcabcabcabcabcabcabcabcabcabcabcabcabcabcabcabcabcabcabcabcabcabcabcabc</td>
5 </tr>
6</table>
分享到:
评论

相关推荐

    CSS 之强制换行技巧

    对于div 1.(IE浏览器)white-space:normal; word-break:break-all;这里前者是遵循标准。 #wrap{white-space:normal; width:200px;...效果:可以实现换行 2.(Firefox浏览器)white-space:normal; wor

    css样式限制、防止表格被连续英文字母拉长及控制大图片的网页宽度

     &lt;td&gt;标记中&lt;td xss=removed&gt; 这句话的意思就是将单元格的内容自动换行  主要样式word-wrap:break-word   控制大图片的网页宽度 复制代码代码如下: .div1{margin: auto;width: 600px;} .div1 img{max-wi

    css实现连续的英文或数字自动换行的方法

    对于div1.(IE浏览器)white-space:normal; word-break:break-all;这里前者是遵循标准。 复制代码代码如下:#wrap{white-...效果:可以实现换行 2.(Firefox浏览器)white-space:normal; word-break:break-all;overfl

    css笔记课程笔记2019,5,22

    * CSS将网页内容和显示样式进行分离,提高了显示功能。 2、css和html的结合方式(四种结合方式) (1)在每个html标签上面都有一个属性 style,把css和html结合在一起 - (2)使用html的一个标签实现 &lt;...

    div中加入span右对齐后出现换行显示两种解决思路

    当然我们还需要一个CSS文件去控制span的样式: 复制代码代码如下: .portlet span { float:right } 这个时候就发现出现一个问题“文章”跟“编辑”不在同一行中!这下苦闷了!于是只好去搜了问题原因如下

    最新Python3.5零基础+高级+完整项目(28周全)培训视频学习资料

    css边框以及其他常用样式 css之float样式 css之float实现作业实例 css之display样式 css之内外边距 本周作业以及思路 第15周 上节内容答疑 上节内容回顾 CSS内容补充之position CSS内容补充之overflow CSS内容之...

    asp学习笔记

    5/样式 css 给网站进行一些美工的 两个问题: 1/;"&gt; 框变成红线,没实现 2/&lt;form&gt; 用户名:&lt;input type="text" name="username"/&gt;&lt;br/&gt; &lt;input type="submit" value="提交"/&gt; &lt;/form&gt...

    HTML:超文本标题语言

    样式标准:设置网页元素的一个版本,颜色大小以及外观,css 行为标准:行为是指网页模型的定义及交互的编写,dom,es 语义化标签: 1方便袋妈的阅读和维护 2同时让浏览器或网络爬虫很好的解析,从而更好地分析其中...

    HTML开发王

    5.2.2 控制换行(br元素) 5.2.3 连字符 5.2.4 预格式化文本(pre元素) 5.2.5 段落的视觉呈现 5.3 标题字体(h#元素) 5.4 标记文档改变:ins和del元素 5.5 基本文字格式(tt、i、b、big、small、strike、s、u) 5.6 字体...

    js使用小技巧

    根据鼠标获得元素: document.elementFromPoint(event.x,event.y).tagName=="TD document.elementFromPoint(event.x,event.y).appendChild(ms) 窗体图片 document.images[索引] 窗体事件绑定 document....

    html入门到放弃笔记

    5、换行元素 6、分割线元素 作用:在页面中表现为一条直线 语法: 属性: 1、size 尺寸,以 px 为单位的数值 2、width 宽度,以 px 或 % 为单位的数值 3、align 水平对其方式 4、color 颜色 ...

Global site tag (gtag.js) - Google Analytics