一个简单,但是非常有用的css样式,有木有

1 <pre name="code" class="css"><style>
2 ul{margin: 16px 0 0 16px;}
3 li{list-style: none; display:block;}
4 .left{width:35%;text-align:}
5 ul li span.left{ display:block; width:100px; text-align:left; float:left;}
6 ul li span.left.l2{word-spacing:1.3em;}
7 ul li span.left.l3{word-spacing:0.1px;}
8 </style>
 1 </head><body><div class="main">
2 <ul>
3 <li><span class="left l2">名称:</span><span>sss</span></li>
4 <li><span class="left l2">全称:</span><span>sss</span></li>
5 <li><span class="left">关联机关:</span><span >琅琊区琅琊街道科室</span></li>
6 <li><span class="left l3">联系人:</span><span>aaaaa</span></li>
7 <li><span class="left">联系电话:</span><span>bbbb</span></li>
8 <li><span class="left l2">地址:</span><span>ccccc</span></li>
9 <li><span class="left">单位概况:</span><span>dddddd</span></li>
10 </ul>
11 </div>
12 </body>


用于采集信息的时候,左边是文字(例如:姓名:),右边是文本框



posted @ 2011-11-28 11:04  lanmiao  阅读(162)  评论(0编辑  收藏  举报