4

formview を使用して表示し、一度に 1 つずつページを表示する一連のレコードがあります。いくつかのフィールドの長さは大きく異なり、多くの場合、フィールドが 2 番目の行に折り返されます。現在、レコードのページをめくると、それらのフィールドの長さに基づいてフォームビューの外観が変化し、折り返しによってページが縦に長くなったり短くなったりします。私はページのサイズ変更があまり好きではないので、これを修正したいと思います。

私が現在持っているcssは次のとおりです。

.CommitmentInfo
{
  margin: 0px;
  padding: 0px;
  vertical-align: middle;
  text-align: left;
  float:left;
  list-style:none;
}
    .CommitmentInfo li
    {
      width: 300px;
    }
    .CommitmentInfo li.b
    {
      width: 150px;
    }

次に、それが使用されているコード:

<ol class="CommitmentInfo">
  <li><asp:Label runat="server" Text='<%# "<b>Vendor Name:</b>" + 
      Eval("ven_name") %>' /></li>
  <li><asp:Label runat="server" Text='<%# "<b>Stock Item:</b>" + 
      Eval("cmt_stock_code") %>' /></li>
  <li><asp:Label runat="server" Text='<%# "<b>Item Description:</b>" +
      Eval("inv_description") %>' /></li>
</ol>
<ol class="CommitmentInfo">
  <li><asp:Label runat="server" Text='<%# "<b>Agent Name:</b>" + 
      Eval("cmt_agent") %>' /></li>
  <li><asp:Label runat="server" Text='<%# "<b>Sales Rep:</b>" + 
      Eval("slm_name") %>' /></li>
  <li><asp:Label runat="server" Text='<%# "<b>Documentation:</b>" +
      GetDocument(Eval("doc_description"), Eval("cmt_document")) %>' /></li>
</ol>
<ol class="CommitmentInfo">                    
  <li class="b"><asp:Label runat="server" Text='<%# "<b>Qty Changed:</b>" + 
      Eval("cmt_changed", "{0:d}") %>' /></li>
  <li class="b"><asp:Label runat="server" Text='<%# "<b>Last Update:</b>" + 
      Eval("cmt_added", "{0:d}") %>' /></li>  
</ol>

3 つのリストから 3 つの列があります。2 行にする必要がある要素は、1 列目の 1 番目と 3 番目、および 2 列目の 3 番目です。解決策は、これらの特定のリスト要素に新しいクラスを適用することだと思いますが、リスト要素を固定行数にするためのものを見つけることができませんでした。提案？

4

2 に答える 2

4

高さについて同様のことを調べたところ、テキストを にドロップし、上divに置き、オフにするという組み合わせがうまくいくことがわかりました。max-heightoverflow

于 2013-03-14T13:53:55.143 に答える
1

潜在的な解決策は、EM 単位がフォント サイズに基づいているため、高さに EM を使用することです。

したがって、ここでの理論は、1 行のテキストがあり、フォント サイズが高さ 12 ピクセルの場合、1em = 12 ピクセルであるということです。

LI の高さを 2em に設定すると、実質的に 24px、つまり 2 行分の高さになります。とはいえ、これは行の高さを考慮していません。行の高さが 15px の場合、1 行あたり 3px の余分なスペースで合計 6、24+6=30=2.5em になります。

于 2013-03-14T15:24:25.883 に答える