table的宽度,单元格内换行问题

原创 2003年08月14日 14:46:00

一.     要想固定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 设置或获取下面的值:

auto

缺省设置. 列宽将设置为不可分割的最大的内容的宽度。

fixed

表的宽度和列的宽度固定,不随单元格中内容而改变

一.     设置了各个列的宽,没有设表的宽:表的宽度等于各个列的宽度的和

二.     设置了表的宽度,没有设各个列的宽度:各个列的宽度平均分配

三.     要是都没设置宽度:表的宽度为100%,各个列的宽度平均分配

 

二.     换行问题

<td>有个attribute NOWRAP,可以控制每个单元格是否允许换行

 

<TD nowrap=true>

或者

this.noWrap = true

 

HTML

<ELEMENT NOWRAP ... >

Scripting

object.noWrap [ = bWrap ]

可能的值:

bWrap

Boolean 设置或获取一个下面的值:.

false

缺省值. 允许单元格的单词字符回行.

true

不允许单元格回行,除非字符中含有”<br>”

 

Asp.netDataGrid有个问题,它的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设置或获取一个下面的值:

normal

缺省值. 允许从每个词处回行。

break-all

不管在什么位置,超过列宽时就回行。

keep-all

不允许 Chinese, Japanese, Korean 回行。这个功能类似与“normal” 的非亚洲语言版本。

string table中应用转义字符进行换行

今天在做一个小工具时,需要把stringtable中的string放入到editbox中,其中是几段文字,所以需要换行。 具体操作如下: 1.把edit box的Multiline属性和want ...
  • duoluoxia
  • duoluoxia
  • 2011年08月02日 15:31
  • 1294

LaTeX中table使用小技巧:全局调整字号及单元格内容自动换行

1 问题描述初步使用LATEX\LaTeX的朋友在使用表格的时候,会遇到一些烦恼。比如说,下面代码:\begin{table}[htb] \centering \begin{minipage}...
  • RobertChenGuangzhi
  • RobertChenGuangzhi
  • 2016年01月08日 00:47
  • 4103

html 表格单元格的宽度和高度的设置

html 表格单元格的宽度和高度的设置 做网页的时候,经常会碰到表格宽度对不齐的问题。详细地看了html中表格标签table的高度和宽度设置的细节,现总结如下:        1、...
  • StoneEpigraph
  • StoneEpigraph
  • 2017年05月26日 09:02
  • 3317

easyui datagrid 列的内容超出所定义的列宽时,自动换行

定义表单  nowrap="false" pagination : true, // 当true时在DataGrid底部显示一个分页工具栏。默认false  rownumbers : tr...
  • china165
  • china165
  • 2015年02月03日 09:23
  • 13058

table的宽度,单元格内换行问题

一. 要想固定table的总的宽度和每列的宽度:   TABLE id="Table1" style="TABLE-LAYOUT:fixed" border="1">   或在脚本中:   th...
  • sxty0220
  • sxty0220
  • 2012年03月03日 15:20
  • 659

table的宽度,单元格内换行问题[转]

作者Blog:http://blog.csdn.net/chnking/一.     要想固定table的总的宽度和每列的宽度:或在脚本中:this.style.tableLayout = fixed...
  • kinglo
  • kinglo
  • 2011年02月12日 09:31
  • 515

POI, 模板读写和修改, 单元格内换行, 打包成zip

 同上一篇TableTree4J的, 这是我实习一开始就遇到的一个问题. 据说还是已经离职的那位仁兄研究了好久都没有解决的疑难问题呢... 之前没有接触过POI, 研究了一个周末POI的AP...
  • cinneptio
  • cinneptio
  • 2014年09月29日 22:24
  • 2185

dbgrideh 一个单元格内怎么换行显示

DBGridEh1.Columns[i].WordWrap:= True
  • yanjinrong
  • yanjinrong
  • 2014年08月06日 11:50
  • 1726

[转帖]table-layout:fixed导致单元格宽度不受控制的问题

我遇到这个问题是由于我第一行有个单元格占了多列,fixed导致被占的列总是平均分配列宽。看看下面的说法,终于搞清楚原因了。   网页上的表格如下图所示: 网页代码如下: tab...
  • lcg890831
  • lcg890831
  • 2013年08月22日 17:09
  • 1965

一起学习 POI (使用 maven 构建)(4)-为单元格数据设置字体、修改工作簿内容、设置换行、自动适应宽度

10、读取和重写工作簿 需求:我们读取一张工作簿里面的一张表,然后修改其中的单元格数据。 思路:先把一份文件读取进内存,然后先 get 再 set ,这样的操作就完成了修改,然后再全部写回。 示...
  • lw_power
  • lw_power
  • 2015年03月07日 16:29
  • 832
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:table的宽度,单元格内换行问题
举报原因:
原因补充:

(最多只允许输入30个字)