我用一个Repeater绑了一个Div,给Div设了一个border,
绑出来的Div重合部分边框加粗,
请问怎样不让它加粗啊!
代码如下:
<div style="background:#ffffff;width:100%; overflow:hidden;border-collapse:collapse;" align="center">
   <asp:Repeater runat="server" ID="RepeaterGames">
     <ItemTemplate>
        <div style="width:197px;height:20px;float:left;padding:3px;textalign:center;background:#ffffff;border:1px solid #088484; border-collapse:collapse;position:static;">
      <a class="a" style="width:190px;height:20px;"  href='<%#Eval("gLink") %>' title='<%#Eval("gName")%>' target="_blank"><%#Eval("gName")%></a>
              </div>
         </ItemTemplate>
   </asp:Repeater>
</div>

解决方案 »

  1.   

    用margin 或者padding都可以的
    margin-left:10px; float:left; display:inline;3个一定要写在一起,要不在有些浏览器里回出现异常
      

  2.   

    绑出来的Div重合部分边框加粗,并不是被加粗了  而是两个边框叠在一起变粗了。    要么要这样写(一条框)
    border-top:1px solid #088484;要么这样写  仍然四条边
    border:1px solid #088484; border-top:none;
      

  3.   

      <div style="width:197px;height:20px;float:left;padding:3px;textalign:center;background:#ffffff;border:1px solid #088484; border-bottom:0px; border-collapse:collapse;position:static;">
      

  4.   

    谢谢大家,解决了,
    <div style="background:#ffffff;width:100%; overflow:hidden;border-collapse:collapse;border-left:1px solid #088484;border-bottom:1px solid #088484;" align="center">
      <asp:Repeater runat="server" ID="RepeaterGames">
         <ItemTemplate>
            <div style="width:198px;height:20px;float:left;padding:3px;text-align:center;background:#ffffff;border:1px solid #088484;border-bottom:0px;border-left:0px; border-collapse:collapse;position:static;">
       <a class="a" style="width:190px;height:20px;"  href='<%#Eval("gLink") %>' title='<%#Eval("gName")%>' target="_blank"><%#Eval("gName")%></a>
        </div>
      </ItemTemplate>
      </asp:Repeater>
    </div>