码迷,mamicode.com
首页 > 其他好文 > 详细

画竖线的4种方法

时间:2016-05-10 02:14:53      阅读:397      评论:0      收藏:0      [点我收藏+]

标签:

   html如果直接敲"|"这个东西进页面,会出现对齐问题,所以,画竖线不能用这种,我总结了一下,大致有4种,这里只详细介绍其中两种。 

2.画竖线的4种方法。 

  (1)最优画法,用display的inline-block; 
    a{ 
      border-left: 1px solid #B7D0E4; 
       display: inline-block; 
       margin-left: -1px; 
       padding: 0px 0px 0px 3px; 
     } 
   (2)直接border. 
     a{ 
        border-left: 1px solid #D9D9D9; 
         margin-left: -1px; 
         padding-left: 5px; 
       } 
    (3)table,这个比较强大,可以画连线。即div和div之间的连线,有兴趣可以研究下。 
     (4)hr. 

如有其他画法,欢迎补充 : ) 
     
 

画竖线的4种方法

标签:

原文地址:http://www.cnblogs.com/xiaoshujiang/p/5476036.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!