这个css咋整？解决方法
日期：2014-05-16 浏览次数：20554 次
这个css咋整？
有一个div0里面有div1~divn个div，想在div1~divn前面画一条虚竖线，将div1~divn的中间那条线连起来。
这个怎么实现，求解。
------解决方案--------------------
借楼上代码一用。
<html>
<body>
<div id=div0 style='border:1 solid red'>
<div id=div1 style='border:1 solid red;margin:10'>---div1</div>
<div id=div2 style='border:1 solid red;margin:10'>---div2</div>
<div id=div3 style='border:1 solid red;margin:10'>---div3</div>
<div id=div4 style='border:1 solid red;margin:10'>---div4</div>
...
<div id=divn style='border:1 solid red;margin:10'>---divn</div>
</div>
</body>
</html>
有一个div0里面有div1~divn个div，想在div1~divn前面画一条虚竖线，将div1~divn的中间那条线连起来。
这个怎么实现，求解。
------解决方案--------------------
借楼上代码一用。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.subdiv{border:1px solid red;border-left:none;margin:10px 10px 10px 0;}
#div0{border-left:1px dashed;position:relative;}
.shangbai,.xiabai{width:1px;height:10px;position:absolute;left:-1px;background:#fff;}
.shangbai{top:1px;}
.xiabai{bottom:1px;}
</style>
</head>
<body>
<html>
<body>
<div id="div0">
<div id="div1" class="subdiv">---div1</div>
<div id="div2" class="subdiv">---div2</div>
<div id="div3" class="subdiv">---div3</div>
<div id="div4" class="subdiv">---div4</div>
...
<div id="divn" class="subdiv">---divn</div>
<div class="shangbai"></div>
<div class="xiabai"></div>
</div>
</body>
</html>
</body>
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
