Блог

Главная - Вопросы по программированию - Поместите фиксированный пробел между двумя столбцами в списке данных

Поместите фиксированный пробел между двумя столбцами в списке данных

#asp.net #html #css #datalist

#asp.net #HTML #css #datalist

Вопрос:

Я использую datalist для отображения изображений. В строке два столбца, но расстояние между столбцами слишком мало. Есть ли способ установить фиксированный интервал между столбцами?

  <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;
    }

Заранее спасибо

BB

Комментарии:

1. установите для вашей таблицы значение cellpadding равным 5

Ответ №1:

Я бы просто использовал 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>

Ответ №2:

Вы могли бы добавить отступы справа от ячеек таблицы, как в css…

 td{ padding-right: 10px; }
Метки: