精华内容
下载资源
问答
  • table中单元格自动换行样式: table-layout: fixed; word-wrap: break-word; table-layout 可能的值(IE不支持inherit属性) 值描述 automatic 默认。列宽度由单元格内容设定。 fixed 列宽由...
    table中单元格自动换行样式:
    table-layout: fixed; word-wrap: break-word;
     

    table-layout

    可能的值(IE不支持inherit属性)

    描述
    automatic 默认。列宽度由单元格内容设定。
    fixed 列宽由表格宽度和列宽度设定。
    inherit 规定应该从父元素继承 table-layout 属性的值。
    word-wrap

    语法

    word-wrap: normal|break-word;
    
    描述
    normal 只在允许的断字点换行(浏览器保持默认处理)。
    break-word 在长单词或 URL 地址内部进行换行。

    转载于:https://www.cnblogs.com/solooo/p/3345217.html

    展开全文
  • CSS实现Table单元格自动换行或不换行

    千次阅读 2008-03-20 11:55:00
    用CSS实现Table单元格数据自动换行或不换行的实现方法: 1、强制换行: .AutoNewline{ word-break: break-all;/*必须*/} 自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动...

    用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>

    展开全文
  • firefox和ie单元格自动换行 -hxzon -good html表格的单元格不想强制大小,但不含空格的英文字符不会自动换行, td { border: 0; /*1px solid #222;*/ white-space:normal; word-break:break-all;/*ie*/ ...
    firefox和ie单元格自动换行 -hxzon -good

    html表格的单元格不想强制大小,但不含空格的英文字符不会自动换行,

    td {
    border: 0; /*1px solid #222;*/
    white-space:normal;
    word-break:break-all;/*ie*/
    word-wrap : break-word ;/*not effect ie*/
    max-width:300px;
    }

    hxzon:用word-break:break-all;/*ie*/
    解决ie,但是Firefox不起作用。只好用max-width:300px;
    使得最大宽度不超过300px。

    ================================

    css之自动换行

    自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法

    对于div,p等块级元素
    正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行
    html
    <div id="wrap">正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义</div>
    css
    #wrap{white-space:normal; width:200px; }

    1.(IE浏览器)连续的英文字符和阿拉伯数字,使用word-wrap : break-word ;或者word-break:break-all;实现强制断行

    #wrap{word-break:break-all; width:200px;}
    或者
    #wrap{word-wrap:break-word; width:200px;}

    <div id="wrap">abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111</div>

    效果:可以实现换行

    2.(Firefox浏览器)连续的英文字符和阿拉伯数字的断行,Firefox的所有版本的没有解决这个问题,我们只有让超出边界的字符隐藏或者,给容器添加滚动条

    #wrap{word-break:break-all; width:200px; overflow:auto;}

    <div id="wrap">abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111</div>

    效果:容器正常,内容隐藏

    对于table

    1. (IE浏览器)使用 table-layout:fixed;强制table的宽度,多余内容隐藏

    <table style="table-layout:fixed" width="200">
    <tr>
    <td>abcdefghigklmnopqrstuvwxyz1234567890ssssssssssssss
    </td>
    </tr>
    </table>

    效果:隐藏多余内容

    2.(IE浏览器)使用 table-layout:fixed;强制table的宽度,内层td,th采用word-break : break-all;或者word-wrap : break-word ;换行

    <table width="200" style="table-layout:fixed;">
    <tr>
    <td width="25%" style="word-break : break-all; ">abcdefghigklmnopqrstuvwxyz 1234567890
    </td>
    <td style="word-wrap : break-word ;">abcdefghigklmnopqrstuvwxyz 1234567890
    </td>
    </tr>
    </table>

    效果:可以换行

    3. (IE浏览器)在td,th中嵌套div,p等采用上面提到的div,p的换行方法

    4.(Firefox浏览器)使用 table-layout:fixed;强制table的宽度,内层td,th采用word-break : break-all;或者word-wrap : break-word ;换行,使用overflow:hidden;隐藏超出内容,这里overflow:auto;无法起作用

    <table style="table-layout:fixed" width="200">
    <tr>
    <td width="25%" style="word-break : break-all; overflow:hidden; ">abcdefghigklmnopqrstuvwxyz1234567890</td>
    <td width="75%" style="word-wrap : break-word; overflow:hidden; ">abcdefghigklmnopqrstuvwxyz1234567890</td>
    </tr>
    </table>

    效果:隐藏多于内容

    5.(Firefox浏览器) 在td,th中嵌套div,p等采用上面提到的对付Firefox的方法
    运行代码框
    最后,这种现象出现的几率很小,但是不能排除网友的恶搞。
    展开全文
  • 字母和数字会被浏览器默认是一个字符串或者说一个单词,所以不会自动换行 解决方案:在当前td上加style=”word-break:break-all;”

    字母和数字会被浏览器默认是一个字符串或者说一个单词,所以不会自动换行

    解决方案:在当前td上加style=”word-break:break-all;”

    展开全文
  •  用CSS实现Table单元格数据自动换行或不换行的实现方法:  1、强制换行: <style type=text/css>.AutoNewline{ word-break: break-all;/*必须*/}</style><table><tr> 自动换行自动换行自动换行自动...
  • CSS控制Table单元格强制换行与强制不换行 换行 &lt;style type="text/css"&gt; .AutoNewline {  word-break: break-all;/*必须*/ } &lt;...自动换行自动换行自动换行自动换
  • word-wrap版本:IE5.5+专有属性 继承性:有 语法: word-wrap : normal ¦ break-word 参数: normal : 允许内容顶开指定的容器边界 break-word : 内容将在边界内换行。如果需要,词内换行word-break)也行发生 ...
  • 用CSS实现表格单元格数据自动换行或不换行1、自动换行:<style type="text/css">.AutoNewline{ word-break: break-all;/*必须*/}</style><table><tr><td class="AutoNewline">自动...
  • GridViewExcel.Attributes.Add("style", "word-break:keep-all;word-wrap:normal"); 正常换行 GridViewExcel.Attributes.Add("style", "word-break:break-all;word-wrap:break-word"); 自动换行
  • table单元格内容自动换行

    万次阅读 2013-08-16 13:59:15
    1、设置table中的单元格内容自动换行,使用word-wrap在IE浏览器中支持,在firefox浏览器的3.5版本以上开始支持,所以为了满足浏览器兼容性,需要在table中设置table-layout:fixed。 2、word-wrap在div属性中能起到...
  • 1、设置table中的单元格内容自动换行,使用word-wrap在IE浏览器中支持,在firefox浏览器的3.5版本以上开始支持,所以为了满足浏览器兼容性,需要在table中设置table-layout:fixed。 2、word-wrap在div属性中能起到
  • 1 <table width="100%" border="1" align="center"> 2 <tr> 3 <td width="50%" style="word-break: break-all;" > 4 ssdsdsffdiojheheivndivndinvi...
  • css设置强制单元格内容自动/不自动换行 用CSS实现Table单元格数据自动换行或不换行的实现方法:  1、强制换行: <style type="text/css">.AutoNewline{ word-break: break-all;/*必...
  • 给长地址的单元格应用样式:word-wrap: break-word;word-break:break-all; 转载于:https://www.cnblogs.com/sjncer/archive/2012/12/13/2816901.html
  • .layui-table-cell{ overflow:visible; text-overflow:inherit; white-space:normal; height: auto !important; word-break: break-all; }
  • FarPoint自动换行

    2019-06-15 21:01:00
    单元格自动换行 FarPoint.Win.Spread.CellType.TextCellType mType = new FarPoint.Win.Spread.CellType.TextCellType(); mType.WordWrap = true; //自动换行 mSheet.Columns[iColumn].CellType = mType; ...
  • [b][size=xx-large]方式1:[/size][/b]使用table-layout和word-wrap两个CSS属性。 [code="html"] aaaaaaaaaaaaaa aaaaaaaaaaaaaa ...
  • FireFox文本自动换行处理,如何实现FireFox文本自动换行文本自动换行IE中解决方法:word-wrap:break-word;word-break:break-all;注:在要换行的内容相应的单元格或者DIV里加入,如:<div xss=removed></div>或<td...
  • 加上样式:style="word-wrap:break-word;" 就行了,能够实现全是英文或者数字的自动换行,而不会把页面撑开。如果不是尝试下面的 加这句,试过了管用
  • 单元格中的内容超长时会显示成: XXXXX.....,省略号为未显示出来的内容,但在某些时候,我们需要让内容自动换行显示,可参考下面这种方法:   写一个Renderer //呈现Grid单元格内容时,如果内容...
  • table中的单元格中的英文不自动换行

    千次阅读 2008-05-12 12:48:00
    1.最简单的方法 加上这个 table { table-layout: fixed; word-wrap:break-word; } div { word-wrap:break-word; } --> 2.用这种方法:style="word-bre
  • 表格自动换行

    千次阅读 2007-09-16 18:22:00
    表格自动换行(会接触到这个还要多谢csdn的博客文章编辑器啦,会自动换行的表格,在其他页面都行,放到博客文章编辑器,在打开这个博客文章,死活就是不自动换行)style="table-layout: fixed;WORD-BREAK: break-all...
  • " 然后设置td的 style="word-wrap:break-word;" 即可 做东钿互金平台后台表格的时候,有些单元格内容非常长,把表格撑的很宽很宽,直接破坏页面布局,一开始我是直接给td设置宽度,但是一直不行,百度了一下。两个...
  • 1、强制改变样式 .x-grid-cell-inner{white-space:normal;word-wrap:break-all;} 2、效果图
  • c# Excel模板控制 自动换行

    千次阅读 2013-05-16 18:01:32
    在Excel单元格中,我们常常输入文字的时候会发现如果不...这里Word联盟主要来告诉大家如何在Excel中设置“自动换行”,这样一来,我们以后就省去了手动换行这个步骤。  Excel2003中自动换行设置方法  首

空空如也

空空如也

1 2 3 4 5 ... 7
收藏数 140
精华内容 56
关键字:

word单元格自动换行