1

10 列のリスト ビューがあり、各行をまったく同じサイズにしたいと考えています。

問題は、9 列が 1 ～ 2 語で構成されているのに対し、1 列は不明な量の単語で構成されている可能性があることです。これは、各行の形式が異なることを意味し、ビューが台無しになることを意味します。

width="200" height="50" style="overflow:scroll"のような奇数列をフォーマットしようとしまし<td>たが、それでもスクロールバーが表示され（必要のないセルを含む）、実際にはまだ拡大していますすべてのテキストに対応する高さ (スクロールバーは表示されますが、使用できません)

そのセルを各行で同じになるようにフォーマットする方法は?

4

6 に答える 6

1

最初にあなたをセットアップします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>
于 2012-06-07T08:36:06.293 に答える
1

overflow:auto は、必要な場合にのみスクロール バーを表示します

table-layout:fixed は、セルのサイズ変更を停止します

また、CSS3 の場合は、どのサポートがサポートされているかに応じて、overflow-y:scroll;overflow-x:hidden も使用されます。IE8やfirefox、chromeなどで動作することはわかっていますが、これらでは垂直スクロールのみを指定できます

于 2012-06-07T08:25:57.977 に答える
1

テキストの折り返しを探している場合は、CSS を使用してそれを行うことができます。CSS クラスを に適用します。

長い単語を分割して次の行に折り返すことができるようにします。

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

また

.wrapText {word-wrap:normal;}

normal - 許可されたブレーク ポイントでのみ単語を分割します。 break-word - 分割できない単語を分割できるようにします。

例えば。

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

また

<td style="word-wrap:break-word;"></td>
于 2012-06-07T07:26:20.377 に答える
0

実際の高さをオーバーフローしたときにテキストを切り捨てるには、overflow: hidden を設定します。

于 2012-06-07T07:30:43.467 に答える
0

これを試して

​&lt;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>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​
于 2012-06-07T08:33:16.090 に答える
0

これを回避する最も簡単な方法は、ラベルのように見えるように作成された asp:TextBox です。上記のすべての回答は個別に作成されたテーブルで機能しますが、私は listView 形式にあまり慣れておらず、おそらく何かを適切に設定していません。

于 2012-06-07T10:26:13.493 に答える