当前位置: 代码迷 >> ASP.NET >> ff1.5下,label如何能折行 显示
  详细解决方案

ff1.5下,label如何能折行 显示

热度:1278   发布时间:2013-02-25 00:00:00.0
ff1.5下,label怎么能折行 显示
页面有1个div,div里面左面是个label,宽度430,右面是个table,在ie,safari,ff3.0下都正常,但在ff1.5下,如果label数据过长,就会给table挤下面,如何解决?
<div >
  <dl>
  <dt><asp:Label ID=lblName runat="server" Width = "430" Font-Bold="true"></asp:Label></dt>
  <dd><asp:Label ID=lblAnnotation runat="server" Width = "430" style="line-height:17px"></asp:Label></dd>
  </dl>
  <table width="200" cellspacing="0" class="plicetbl">
  <tr>
  <th>商品 </th>
  <td width="100"><asp:Label ID="lblNumber" runat=server></asp:Label></td>
  </tr>
  <tr>
  <th>Keiyaku</th>
  <td ><asp:Label ID="lblKeiyaku" runat=server></asp:Label></td>
  </tr>
  <tr>
  <th>SalesStatus</th>
  <td ><asp:Label ID="lblSalesStatus" runat=server></asp:Label></td>
  </tr>
  <tr>
  <th>AvailableDays</th>
  <td ><asp:Label ID="lblAvailableDays" runat=server></asp:Label></td>
  </tr>
  <tr>
  <th>ExpiryDate</th>
  <td ><asp:Label ID="lblExpiryDate" runat=server></asp:Label></td>
  </tr>
  <tr>
  <th>price</th>
  <td ><b><asp:Label ID="lblPrice" runat=server></asp:Label></b></td>
  </tr>
  </table>
  </div>
50分献上

------解决方案--------------------------------------------------------
有没有试过让Label自动换行?
Page_Load事件中添加如下代码: label1.Style.Add("word-break", "break-all"); 或在label1中添加style属性: <asp:Label ID="label1" style="word-break:break-all" runat="server"></asp:Label>
试试呵
------解决方案--------------------------------------------------------
印象中如果连续字符过长(不是一个个词而是一整个字符串)的话,在ff里必然会撑开元素的。
只能用word-break和overflow:auto让它自动添加滚动条处理

如果记错了不要怪我:)
------解决方案--------------------------------------------------------
如果这个style="word-break:break-all"不好用。那只能是加滚动条了,可是加滚动条,又太不好看了
word-break和overflow:auto

------解决方案--------------------------------------------------------
/n,/r不行吗?
------解决方案--------------------------------------------------------
除非能检查长度,一般都用overflow:hidden
------解决方案--------------------------------------------------------
<asp:Label ID="label1" style="word-break:break-all" runat="server"> </asp:Label> 
  相关解决方案