我有一组记录,我用窗体 View 显示这些记录,然后一次翻页。几个字段的长度变化很大,并且经常导致字段换行到第二行。当前,当您翻阅记录时,表单 View 的视觉外观会根据这些字段的长度而变化,并且换行会导致页面依次变高和变短。我不太喜欢页面尺寸的变化,所以想解决这个问题。
这是我目前拥有的 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>
三个列表中有三列。需要双行的元素是第一列的第一个和第三个,第二列的第三个。我在想解决方案是将一个新类应用于那些特定的列表元素,但我还没有找到任何使列表元素成为固定行数的东西。有什么建议吗?
最佳答案
我调查了类似的高度,发现将文本放入 div
,在其上放置 max-height
并转动 overflow
关闭对我有用。
关于c# - 使用 CSS 使 <li> 高两行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15411102/