html语言中table表格内怎么换行
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>
一. 要想固定table的总的宽度和每列的宽度:
<TABLE id="Table1" style="TABLE-LAYOUT:fixed" border="1">
或在脚本中:
this.style.tableLayout = fixed
HTML |
{ table-layout : sLayout } |
Scripting |
object.style.tableLayout [ = sLayout ] |
可能的值:
sLayout |
String 设置或获取下面的值:
|
二. 换行问题
<td>有个attribute 叫 NOWRAP,可以控制每个单元格是否允许换行
<TD nowrap=true>
或者
this.noWrap = true
HTML |
<ELEMENT NOWRAP ... > |
Scripting |
object.noWrap [ = bWrap ] |
可能的值:
bWrap |
Boolean 设置或获取一个下面的值:.
|
Asp.net的DataGrid有个问题,它的Column有个属性ItemStyle.Wrap,设计是当这个列的ItemStyle.Wrap属性为true时,单元格允许回行,为false不允许回行,可是当设置了为false时输出到客户端的是这样的:
<td nowrap=”nowrap”>
而不是
<td nowrap=”true”>
所以ItemStyle.Wrap属性是没有起作用的,请自己手工在DataGrid1_ItemDataBound事件中将不允许回行的那些单元增加个Attribute: nowrap=true。
private void DataGrid1_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
{
e.Item.Cells[n].Attributes.Add("nowrap"," true ") ;
}
三. 截断英文单词强行回行
上面两个方法可以把表格的宽度都固定了,每个单元是否允许回行都可以设定了,现在可能又会碰到一个问题,当允许回行的遇到比较长的英文单词,可能就超出了这个单元格的宽度,要是不把这个单词从中截断强行换行的话,这个单词的超出单元格宽的的部分将不被显示出来。所以需要在单词超出单元格长度的地方把单词强行截断回行。
可以利用css中的word-break 风格来达到我们的目的:
<TABLE id="Table1" style="TABLE-LAYOUT:fixed;word-break:break-all" border="1">
或在脚本中:
this.style. wordBreak = break-all
HTML |
{ word-break : sBreak } |
Scripting |
object.style.wordBreak [ = sBreak ] |
可能的值:
sBreak |
String设置或获取一个下面的值:
|
html语言中table表格内怎么换行相关推荐
- html table 筛选记录,JS实现table表格内针对某列内容进行即时搜索筛选功能
JS实现table表格内针对某列内容进行即时搜索筛选功能 发布时间:2020-08-29 09:26:37 来源:脚本之家 阅读:103 作者:Marx-link 本文实例讲述了JS实现table表格 ...
- exlc表格怎么换行_excel怎么换行 excel表格内如何换行
很多时候,我们工作中都需要用到excel表格,但有时候我们需要在一个表格内输入比较多字,那这时就需要在excel表格内进行换行.下面就让小编给大家介绍一下小编平时是怎么在excel表格内换行的. ex ...
- table是什么函数c语言,c语言中table的用法
c语言中table的用法 c语言中table的用法的用法如下:1 说明1.1 RECORD定义记录数据类型. 它类似于C语言中的结构数据类型(STRUCTURE),PL/SQL提供了将几个相关的.分离 ...
- php搜索表格,table表格内对某列内容进行搜索筛选步骤详解
这次给大家带来table表格内对某列内容进行搜索筛选步骤详解,table表格内对某列内容进行搜索筛选的注意事项有哪些,下面就是实战案例,一起来看一下. 往往有些时候,我们把数据从数据库读取出来,显示到 ...
- element-ui table 表格内出现一根横线
element-ui table 表格内出现一根横线 element-ui table表格组件 , 在使用固定左侧列的时候 , 而且只有在数据只有一行的时候 , 经常会出现 这种情况 , 底部出现一根 ...
- php语言中Excel表格导入数据库的方法详解
在php编程语言中,对于如何在Excel表格中导入数据库的方法是很多编程者比较头疼的一个问题,有些技术人员可能在百度尝试过搜索很多不同的问题,但是给出的答案经过自己测试之后,发现还是行不通,那么对此, ...
- excel同一单元格怎么换行_excel表格内怎么换行 方法有两种 一看就会 新手教程...
很多人在用excel表格的时候都需要用到换行,但是有一些小伙伴还不知道如何去换行.今天就介绍两种单元格内换行的方法,这两种换行方式的效果不一样,大家可以根据自己的需求来选择使用哪种换行方式. 方法一: ...
- table 表格,table表格细边框设置,table表格禁止内容换行设置,table表格斑马线设置
table 表格,细边框设置,禁止内容换行设置,斑马线设置 1.没有设置时的样式 2.设置后的样式 3.html代码 <div class="cp-table">< ...
- LaTeX:表格内字体换行与各种居中完美解决
转载链接:https://www.jianshu.com/p/b6b45402d8b2 需求1:有时表格内某个单元内容太多,需要换行! 需求2:有时表格内某个"单元需要枚举"!即多 ...
最新文章
- 如何修改控件边框的样式_Excel如何设置表格边框样式,记住这几个关键属性就懂了...
- linux mail 命令 (收发邮件)
- Android10.0 日志系统分析(四)-selinux、kernel日志在logd中的实现​-[Android取经之路]
- flex布局实现叠在另一个div之上_如何让一个div在另一个div的上面,求高手指点...
- wamp2.5 64 mysql_Wamp2.5 64bit,无法修改MySQL datadir位置_MySQL
- 华为鸿蒙战略大会,华为发布鸿蒙2.0手机版的三大战略意义,全场景万物互联只是其一...
- webpack入门 --初级压缩
- BlockingCollectionT 类实现 列队操作
- 计算机组成原理作业3,兰州大学《计算机组成原理》13春在线作业3
- Silverlight 的文本框自动完成(AutoComplete)
- 集成mysql+tomcat+apache+Eclipse的绿色版开发环境
- PHP算法 参数组合,多个分类不同组合列表
- Python星号表达式
- Linux系统管理员应该知道的20个系统监控工具
- Mysql 8.0 | #08004Client does not support authentication protocol requested by server
- Java项目:医院药品管理系统设计和实现(java+Springboot+ssm+mysql+jsp+maven)
- 基于ArcGIS和fragstats软件计算景观破碎度(一)
- 温度pid自整定算法c语言,程序温控仪中PID参数自整定算法-自动化仪表.PDF
- python-lambda(匿名函数)原理与应用
- 基于MATLAB的R方计算