以编程方式将标签分成多行

时间:2014-01-02 17:47:14

标签: c# asp.net

嘿,我想用c#将我的标签分成几行。 这是我从listview得到的 output

我尝试了css和javascript但没有成功

这是我的aspx

      <ItemTemplate>
      <span style="">
      text:
      <asp:Label ID="textLabel" runat="server" Text='<%# Eval("text")%>' />
      </span>
      </ItemTemplate>

这就是我想要的

enter image description here

1 个答案:

答案 0 :(得分:2)

ASP.NET标签渲染为SPANS,您可以通过限制其宽度和破坏单词来定位这些跨距。尝试将此样式添加到您的页面:

span[ID*="textLabel"]{
    display:block;
    max-width:200px;
    word-wrap:break-word;
}

注意*=选择器 - 它会选择ID中包含textLabel的所有标签 - 方便在ItemTemplate中选择项目。

拥有这种风格,你可以用标签做任何你想做的事:拉伸,压缩,添加滚动条等 - CSS中允许的任何内容。

演示:http://jsfiddle.net/5jJT9/