在数据列表中的两列之间放置固定空间

发布于 2024-12-12 07:29:06 字数 1326 浏览 1 评论 0原文

我正在使用数据列表来显示图像。每行有两列，但列之间的间距太小。有没有办法在列之间放置固定间距？

 <td class ="DLSettings"> 
    <asp:DataList ID="DlReviewImages" runat="server"  
                  RepeatColumns="2" RepeatDirection="Horizontal"
                  HeaderStyle-VerticalAlign="Top">
        <ItemTemplate>
             <table >
                 <tr>
                   <td colspan="2">
                      <table cellspacing="0" cellpadding="0" border="0" class="tableborder">
             <tr>
                           <td align="center">
                              <a href="" target="_blank" runat="server" id="AImage">
                              <img runat="server" id="ThumbnailReviewImage" width="250" height="200" border="0"/>     </a>
                           </td>
                         </tr>
                      </table>
                   </td>
              </tr>
            </table>
        </ItemTemplate>
    </asp:DataList>
 </td>

CSS：

.DLSettings{ 
               border-width:1px;    
    border-color:Black;    
    border-style:solid;    
    background-color: #E3E3E3; 
    padding:5px 10px 30px 30px;
    }

提前感谢

原文

I'm using a datalist to display images. There are two columns per row but the spacing between the columns is too little. Is there a way to place a fixed spacing between the columns?

 <td class ="DLSettings"> 
    <asp:DataList ID="DlReviewImages" runat="server"  
                  RepeatColumns="2" RepeatDirection="Horizontal"
                  HeaderStyle-VerticalAlign="Top">
        <ItemTemplate>
             <table >
                 <tr>
                   <td colspan="2">
                      <table cellspacing="0" cellpadding="0" border="0" class="tableborder">
             <tr>
                           <td align="center">
                              <a href="" target="_blank" runat="server" id="AImage">
                              <img runat="server" id="ThumbnailReviewImage" width="250" height="200" border="0"/>     </a>
                           </td>
                         </tr>
                      </table>
                   </td>
              </tr>
            </table>
        </ItemTemplate>
    </asp:DataList>
 </td>

CSS :

.DLSettings{ 
               border-width:1px;    
    border-color:Black;    
    border-style:solid;    
    background-color: #E3E3E3; 
    padding:5px 10px 30px 30px;
    }

Thanks in advance

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

糖果控 2024-12-19 07:29:06

我只需使用 CellPadding 属性来增加列之间的间距：

<asp:DataList ID="DataList1" runat="server" CellPadding="5" ...>

您也不需要 ItemTemplate 中的任何一个表。它们只是占用空间并减慢速度。尝试使用 ItemStyle 进行对齐：

<asp:DataList ID="DlReviewImages" runat="server" RepeatColumns="2" CellPadding="5" RepeatLayout="Table" RepeatDirection="Horizontal" HeaderStyle-VerticalAlign="Top">  
    <ItemStyle HorizontalAlign="Center" />
    <ItemTemplate>   
          <a href="" target="_blank" runat="server" id="AImage">   
              <img runat="server" id="ThumbnailReviewImage" width="250" height="200" border="0"/>     
          </a>                              
    </ItemTemplate>   
</asp:DataList>

I would just use the CellPadding property to increase the spacing between columns:

<asp:DataList ID="DataList1" runat="server" CellPadding="5" ...>

You don't need either of the tables in your ItemTemplate either. They're just taking up space and slowing things down. Try using the ItemStyle for alignment instead:

<asp:DataList ID="DlReviewImages" runat="server" RepeatColumns="2" CellPadding="5" RepeatLayout="Table" RepeatDirection="Horizontal" HeaderStyle-VerticalAlign="Top">  
    <ItemStyle HorizontalAlign="Center" />
    <ItemTemplate>   
          <a href="" target="_blank" runat="server" id="AImage">   
              <img runat="server" id="ThumbnailReviewImage" width="250" height="200" border="0"/>     
          </a>                              
    </ItemTemplate>   
</asp:DataList>

回复收藏 0 原文