简体   繁体   English

ASP.NET ListView填充

[英]ASP.NET ListView Padding

I am using two listviews to display two tag clouds (a red one and a green one). 我正在使用两个列表视图来显示两个标签云(红色一个和绿色一个)。 When the tag gets quite big, it overlaps the smaller ones. 当标签变大时,它将与较小的标签重叠。 Is there a way to space out the tags, ie vertical padding or something? 有没有一种方法可以隔开标签,即垂直填充或其他内容?

<div style="padding-left: 25px; padding-right: 25px; text-align: center;">
<asp:listview runat="server" ID="ListView1" ItemPlaceholderID="itemPlaceHolder">
<LayoutTemplate>
    <asp:PlaceHolder runat="server" ID="itemPlaceHolder"></asp:PlaceHolder>
</LayoutTemplate>
<ItemTemplate>
    <a href="negativestorydetail.aspx?tag=<%# Eval("Tag") %>" style="color: #ff0000; text-align: center; margin: 15px; text-decoration:none; font-size: <%# GetTagSize(Convert.ToDouble(Eval("weight"))) %>"><%# Eval("Tag") %></a>
</ItemTemplate>
<EmptyDataTemplate>
    <asp:Label ID="negative_tags" runat="server" Text=""></asp:Label>
</EmptyDataTemplate>
</asp:listview>
</div>

<br />

<div style="padding-left: 25px; padding-right: 25px; text-align: center;">
<asp:listview runat="server" ID="ListView2" ItemPlaceholderID="itemPlaceHolder">
<LayoutTemplate>
    <asp:PlaceHolder runat="server" ID="itemPlaceHolder"></asp:PlaceHolder>
</LayoutTemplate>
<ItemTemplate>
    <a href="positivestorydetail.aspx?tag=<%# Eval("Tag") %>" style="color: #33cc00; text-align: center; margin: 15px; text-decoration:none; font-size: <%# GetTagSize(Convert.ToInt32(Eval("weight"))) %>"><%# Eval("Tag") %></a>
</ItemTemplate>
<EmptyDataTemplate>
    <asp:Label ID="positive_tags" runat="server" Text=""></asp:Label>
</EmptyDataTemplate>
</asp:listview>
</div>

Yes, 是,

on your <a> tags you can add: <a>标记上,您可以添加:

line-height: 30px

or alternativelly you can add 或者您可以添加

padding-top:5px; padding-bottom:5px

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM