Question

我有一个包含10列的列表视图，我希望每行的大小完全相同。

问题在于，虽然9列由1-2个单词组成，但是1列可以由未知数量的单词组成，这意味着每行的格式将不同，因此搞砸了视图。

我尝试格式化奇数列的<td>，如width =“200”height =“50”style =“overflow：scroll”但仍显示滚动条（包括不需要它的单元格）并且它实际上仍在扩展高度以容纳所有文本（滚动条可见但不可用）

如何将该单元格格式设置为每行相同？

Answer 1

如果您正在寻找包装文本，您可以使用CSS来完成。将CSS类应用于。

允许长词可以断开并换行到下一行：

.wrapText {word-wrap:break-word;}

或

.wrapText {word-wrap:normal;}

正常 - 仅在允许的断点处打破单词break-word - 允许打破牢不可破的单词

EG。

<td class="wrapText"></td>

OR

<td style="word-wrap:break-word;"></td>

Answer 2

overflow：auto只在需要时显示滚动条

table-layout：fixed将阻止你的单元格调整大小

还溢出-y：滚动; overflow-x：隐藏CSS3取决于支持。我知道它适用于IE8和firefox，chrome等。但是这些允许你只指定垂直滚动

Answer 3

首先设置table：

 table
 {
  width: 0px;
  table-layout: fixed;
 }

0像素宽度将被忽略，因为我们将指定单元格的宽度，但需要使固定布局工作（作为替代，您可以使用正确的宽度）。然后你必须对单元格应用一些格式：

 table td
 {
  width: 200px;
  height: 100px;
 }

 table td div
 {
  width: 200px;
  height: 100px;
  overflow: auto;
 }

你的细胞必须是这样的：

<tr>
    <td></td>
    <td><div>Here the long content</div></td>
</tr>

Answer 4

设置溢出：隐藏以在文本溢出实际高度时截断文本

Answer 5

试试这个

<table border="1" style="height:50px;width:200px;table-layout:fixed">
<tr>
    <td style="height:50px; width: 100px;">
        Test
    </td>
    <td style="height:50px; width: 100px;overflow:hidden;border-collapse:collapse;" nowrap>
        <nobr>  This is a long tex to show how the cell trancate a text, can you see it ?</nobr>
    </td>

</tr>
</table>

Answer 6

围绕这个asp最简单的方法：看起来像TextBox，只是创建它看起来像一个标签。上面的所有答案都适用于单独创建的表，但我对listView格式不太熟悉，可能没有在某处设置某些内容。

格式化

6 个答案: