`

html语言中table表格内怎么换行

阅读更多
<p>标签 或者是<br/>都可以
CSS控制Table单元格强制换行与强制不换行

  我们知道Div的换行和不换行的css写法。但对于表格单元格只知道一个属性nowrap可以使其不换行。

  近日有此需要,但发现加上nowrap在某些情况下还是会换行!无奈,没有一个强制不换行的方法吗?

  用CSS实现Table单元格数据自动换行或不换行的实现方法:

  1、强制换行:

<style type="text/css">
.AutoNewline
{
  Word-break: break-all;/*必须*/
}
</style>
<table>
<tr>
  <td class="AutoNewline">自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行</td>
</tr>
</table>
  2、强制不换行:

<style type="text/css">
.NoNewline
{
word-break: keep-all;/*必须*/
}
</style>
<table>
<tr>
  <td class="NoNewline">不换行不换行不换行不换行不换行不换行不换行不换行不换行不换行</td>
</tr>
</table>
分享到:
评论

相关推荐

    深入解析HTML的table表格标签与相关的换行问题

    何为table:table者Html表格也,数据之载体。下面是一个比较标准的table代码写法: XML/HTML Code复制内容到剪贴板 &lt;table u00a0border=0 cellspacing u00a0cellpadding=0 width&gt;    &lt;th&gt;Month  &lt;th&gt;Date ...

    HTML基本标签属性总结

    HTML基本标签属性总结 部分内容如下:(下载... 表格:table-tr-td 表格+表单:form-table-tr-td 行及标签: 换行:br 范围:span 图片:img&gt;、 超链接:a 连接地址:href 打开方式:target 注释:(!--abc--)

    HTML标签对应英文全称及中文翻译

    Html标签大全: Html Hypertext Markup Language 超文本 标记 语言 &lt;a&gt;&lt;/a&gt; 超文本链接 &lt;a href="URL"&gt;&lt;/a&gt; 创建超文本链接 ,其中的url为链接...table:表格, border:['bɔ:də] 边缘、边沿、边界 表格边框的设置

    表获取「Table Capture」-crx插件

    +通过HTML表格轻松创建Google Doc +使用工作坊在滚动和多页表格时捕获捕获表格,通过选择文本并启动表格捕获工作坊来捕获基于div的表格(或网站中的任何重复项) Table Capture Pro功能:+直接将表格下载为Excel表或...

    HTML开发王

    1.3 了解html语言 1.3.1 关于html和html编辑器 1.3.2 创建第一个网页 1.3.3 查看网页的源文件 1.4 html 4.0的特点 1.4.1 国际化 1.4.2 可访问性 1.4.3 表格 1.4.4 混合文档 1.4.5 样式表 . 1.4.6 脚本 1.4.7 打印 ...

    从入门到精通HTML5——PDF——网盘链接

     7.1.1 表格的基本构成——table、tr、td 119  7.1.2 表格的标题——caption 120  7.1.3 表格的表头——th 121  7.2 设置表格基本属性 123  7.2.1 表格的宽度——width 123  7.2.2 表格的高度——height...

    HTML:超文本标题语言

    HTML:超文本标题语言 网页基本组成:音频,视频,链接,图片,文字 web标准的好处 1.让web的发展前景更加广阔 2.内容能被更广泛的设备访问 3.更容易被搜索引擎搜索 4.降低网站流量费用 5.使网站更易于维护 6.提高...

    asp学习笔记

    asp基础HTML语言 用来描述网页/网站布局的标签语言 asp.net jsp php 1/必要格式 &lt;html&gt; &lt;head&gt; &lt;title&gt;欢迎来到学习HTML语言&lt;/title&gt; &lt;/head&gt; &lt;body&gt; 123456 &lt;/body...

    html入门到放弃笔记

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

    h5记录

    学习html第一天。 HTML是超文本标记语言 专业术语: 常用标签: 文本标题:h1-h6 段落P 空格  加粗 b /strong 倾斜 i em 水平线 hr  ...表格:table (行tr 列tb html 属性改变表格的相关样式(边框

    xheditor-1.1.14

    Table:表格 Source:切换源代码模式 Preview:预览当前代码 Print:打印 Fullscreen:切换全屏模式 About:关于xhEditor skin:皮肤风格选择 参数值:default(默认风格),o2007blue(Office 2007 蓝色),o2007silver...

    freemarker总结

    这是一个典型的分支控制指令,该指令的作用完全类似于Java语言中的if,if指令的语法格式如下: &lt;#if condition&gt;... &lt;#elseif condition&gt;... &lt;#elseif condition&gt;... &lt;#else&gt; ... 例子如下: (age&gt;60)&gt;老年人 ...

    C#编程经验技巧宝典

    103 &lt;br&gt;0167 锁定文本框内的文本 103 &lt;br&gt;0168 使用Message.Show输出用户信息 104 &lt;br&gt;5.3 图片数据处理技巧 104 &lt;br&gt;0169 如何将图片存入数据库 104 &lt;br&gt;0170 如何将图片从数据库中读取...

    js使用小技巧

    让英文字符串超出表格宽度自动换行 word-wrap: break-word; word-break: break-all; 透明背景 &lt;IFRAME src="1.htm" width=300 height=180 allowtransparency&gt;&lt;/iframe&gt; 获得style内容 obj.style.cssText ...

Global site tag (gtag.js) - Google Analytics