用css控制td强制换行 - thomas0988 - ITeye博客

`

thomas0988

浏览: 485008 次
性别:
来自: 南阳

最近访客更多访客>>

zzc125

yuyuanhua

小小书僮

dingli123

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

yuanhongb：这么说来，感觉CGI和现在的JSP或ASP技术有点像啊
cgi
draem0507：放假了还这么勤啊
JXL操作Excel
chenjun1634：学习中！！
PHP/Java Bridge
Jelen_123：好文章，给了我好大帮助！多谢！
hadoop安装配置 ubuntu9.10 hadoop0.20.2
lancezhcj：一直用job
Oracle存储过程定时执行2种方法(转)

用css控制td强制换行

博客分类：

前台
专业知识

阅读更多

即便是给td限定的宽度，但是如果里面的内容是连续的，IE就认为是一个单词，不会换行。控制td换行的css样式：style="word-wrap:break-word;word- break:break-all;"

<table width="100%" border="0" cellspacing="1" cellpadding="0">       
<tr>
  <td width="25%" style="word-wrap:break-word;word-break:break-all;"   valign="bottom" >
文本测试信息文本测试信息文本测试信息文本测试信息文本测试信息文本测试信息文本测试信息文本测试信息文本测试信息文本测试信息文本测试信息文本测试信息文本测试信息文本测试信息文本测试信息文本测试信息文本测试信息文本测试信息文本测试信息</td>
 </tr>
<tr>
 <td width="25%" style="word-wrap:break-word;word-break:break-all;"   valign="bottom" >112111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</td>
 </tr>
</table>

分享到：

Web开发系列 - Web Chart | oracle审计功能

2012-11-07 11:45
浏览 972
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

html中表格td内容自动换行: 使用 CSS 控制 TD 强制换行使用 `style="word-wrap: break-word; word-break: break-all;"` 可以实现 TD 强制换行。实例 ```html <td width="25%" style="word-wrap: break-word; word-break: break-all;" ...

html中的div、td 、p 等容器内强制换行和不换行的实现: 当希望文本在容器内不换行且超出部分以省略号表示时，可以使用以下CSS样式： ```css div { width: 100px; /* 容器宽度 */ overflow: hidden; /* 隐藏超出部分 */ white-space: nowrap; /* 不允许文本换行 */ ...

通过CSS让TD自动换行: 综上所述，通过合理使用CSS的`word-break`或`white-space`属性，我们可以有效地控制TD元素的换行行为，确保无论在何种情况下，单元格内的文本都能以美观且易读的方式呈现。同时，考虑到浏览器的兼容性，开发者应结合...

兼容多浏览器，兼容 div、p、td 的强制不换行及强制换行.: ### 兼容多浏览器，兼容 div、p、td 的强制不换行及强制换行在Web开发过程中，为了确保页面在不同浏览器中的一致性和兼容性，掌握正确的CSS技巧至关重要。本文主要探讨如何实现跨浏览器的强制不换行与强制换行功能...

css强制换行 css强制不换行的css方法: 在本文中，将讨论CSS中的换行控制技术，特别是如何使用CSS强制实现文本换行或阻止换行。这在网页设计和布局过程中非常重要，尤其是在处理表格、列表或其他需要精确控制文本流动的元素时。首先，了解`word-break`...

gridview一般换行，强制换行: 2. **强制换行**：要实现强制换行，通常需要对GridView的CSS样式进行调整。可以设置单元格的`white-space`属性为`pre-wrap`或`break-word`。`white-space: pre-wrap`允许保留空白符，并在需要时换行；`white-space: ...

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

CSS对表格单元格强制换行和不换行: CSS控制Table单元格强制换行与强制不换行　我们知道Div的换行和不换行的css写法。但对于表格单元格只知道一个属性nowrap可以使其不换行。　近日有此需要，但发现加上nowrap在某些情况下还是会换行！无奈，没有一个...

CSS实现连续字符换行的方法: 连续字符的CSS换行，主要用到CSS的word-break属性，为其添加:break-all参数，这样的话字符会适应规定的宽度而自动换行，实际上这就是CSS的强制换行功能。复制代码代码如下:<title>连续字符的CSS换行代码</...

用CSS控制表格或单元格强制换行,防止表格被英文单词或中文撑大: 本文将详细介绍如何通过CSS控制表格或单元格强制换行，防止表格被英文单词或中文撑大。首先，对于普通的`div`、`p`等块级元素，它们的默认样式`white-space`是`normal`，这意味着元素内的文本会在适当的地方自动...

CSS强制单元格换行: <td width="270px" class="newLine"> <label><a>http://download.csdn.net/user/zxy397472251</a> <a>http://download.csdn.net/user/zxy397472251</a> <a>http://download.csdn.net/user/zxy397472251</a> <a>...

css控制文字自动换行的实现方法: 以上内容详细介绍了CSS中关于如何控制文字自动换行的几种实现方法，这在网页布局和排版中非常关键，能够帮助开发者更加精确地控制页面的显示效果，提升用户体验。在实际应用中，需要结合不同浏览器的兼容性来选择...

CSS自动换行: 3. **单元格内部强制换行（IE/Firefox）** - 对于需要在单元格内部换行的情况，可以结合使用`white-space: nowrap;`和`word-wrap: break-word;`或`word-break: normal;`。 - 示例代码： ```css td { white-...

table中td内容换行问题: 然而，在实际使用过程中，可能会遇到一些意料之外的问题，比如“td内容换行问题”。这个问题通常发生在用户输入了大量连续的无间隔英文字符，导致单元格(`<td>`)无法自动换行，从而破坏了表格的正常布局。例如，...

对于div,p等块级元素css如何实现自动换行: 这两种方法在IE浏览器中都能很好地实现强制换行的效果，但对于Firefox浏览器则有所不同。对于Firefox浏览器，我们可以使用overflow属性来处理连续英文字符和阿拉伯数字的断行问题。通过设置overflow属性为auto或...

css之自动换行.pdf: `来强制换行。例如： ```css #wrap { word-break: break-all; /* 或者word-wrap: break-word; */ width: 200px; } ``` ```html <div id="wrap">abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111 ``` 然而...

强制换行与强制不换行攻略: 综上所述，强制换行和强制不换行的实现取决于正确地使用word-wrap、word-break和white-space这三个CSS属性。在处理不同语言的文本时，要特别注意各个属性对亚洲语言和非亚洲语言文本的影响。在实际开发中，开发者...

Global site tag (gtag.js) - Google Analytics