自动换行的单元格内容

我想填充表格的单元格内的一些文字，我的数据是这样的自动换行的单元格内容

object1 -> object2 -> object3 ....................-> objectn

我不想增加细胞的大小与物体的数量，而不是我想要用细胞正确包装它。使用

林本的CSS代码段用于此目的

.cellbreak { 
    max-width: 300px; 
    white-space: normal; /* css-3 */ 
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ 
    white-space: -pre-wrap; /* Opera 4-6 */ 
    white-space: -o-pre-wrap; /* Opera 7 */ 
    word-wrap: break-word; /* Internet Explorer 5.5+ */ 
    overflow: hidden; 
    display: inline-block; 
}

但问题是，我的文字是没有任何意义的突破，我的意思是我的输出是这样的

object1 -> object2 -> obje 
ct3 -> object4 ->object5 - 
> object6 -> object7 ->obj 
ect

但我希望我的输出是这样的

object1 -> object2 -> object3 -> 
object4 -> object5 -> object6 ->

如何修改我的CSS，我得到理想的输出。

注：我已经看到了一些帖子在stackoverflow，但我dint得到任何与我的问题有关。如果指定的元素的max-width

在此先感谢

来源

2013-08-20 user650521

您实际上是使用'table'还是'div's？ –

你使用单词换行：单词按照它的名字命名，将单词分开，以便换行，取出单词不会中断。 –

什么浏览器生成上面的输出？我测试过的每个浏览器都打破了空白。 – MyItchyChin

摆脱word-wrap: break-word;

（你有），那么里面的文字通常应换行。

来源

2013-08-20 17:58:26 tomaroo

尝试添加到您的风格

word-break: normal;

此属性，中间不会破的话。

来源

2013-08-20 17:59:22 palerdot

这不是工作伙计！ – user650521

从CSS中删除所有的空白，字流和溢出语句，因为它没有达到您期望的效果。只需用 替换对象名称和“ - >”之间的空格即可。

例如

object1&nbsp;-> object2&nbsp;-> object3&nbsp;-> object4&nbsp;-> object5&nbsp;-> object6&nbsp;->

& nbsp;是一个非破坏的空白字符，也就是说它不会被破坏。

这里是example。

来源

2013-08-20 18:33:49 MyItchyChin

您需要确定“正确包装”的含义，即允许哪些断点，然后使用允许或禁止换行符的各种方法实现此功能。

在这种情况下，每个“objectk - >”假设应保持在同一行，那么你可以使用

<style> 
.nobr { white-space: nowrap } 
</style> 
<span class=nobr>object1 -></span> <span class=nobr>object2 -></span> 
<span class=nobr>object3</span> ....................-> <span class=nobr>objectn</span>

如果它是允许有“ - >”在一行的开始，那么，你需要多一些span元素。

在一般情况下，没有实质上更简单的方法（除非您使用<nobr>...</nobr>而不是<span class=nobr>...</span>，稍微短一些，但强健一点，但声明为非标准）。不间断空格替换空格（ ）可能看起来更简单一些，但它只适用于简单情况。例如，浏览器在各种特殊字符之前或之后仍然可能会断开，甚至可能在两行中打破“> - ”。（您可以通过使用箭头字符“→”来避免这个特定问题，这也可能是其他原因的一个好主意。）

来源

2013-08-20 20:06:17

自动换行的单元格内容

回答

相关问题