用LI布局表单解决文字不能对齐的方法_建站学-个人建站指南,网页制作,网站设计,网站制作教程

建站学 - 轻松建站从此开始！

用LI布局表单解决文字不能对齐的方法

时间:2011-07-27 13:46来源: 作者: 点击: 次

用CSS的LI布局表单，如果定义不好的话，表单和文字说明总是对不整齐，现在提供了一个解决方法，好好看一下代码就明白了

<title>LI布局表单解决文字靠底显示的方法</title> <style> *{margin:0;padding:0;font-size:12px} .say{width:300px;margin:15px auto;} .say li{margin:9px 0; list-style:none} .say li a{color:#281bdd;text-decoration:underline} .say li span{margin-right:10px} .sayWidth{width:200px;line-height:19px;border:1px solid #7e9eb7} .textL{line-height:25px;float:left;} </style> </head> <body> <div class="say"> <ul> <li><span class="textL">标　题：</span><input name="textfield2" type="text" class="sayWidth" /> </li> <li><span class="textL">内　容：</span><textarea name="textarea" rows="8" class="sayWidth"></textarea> </li> </ul> </div> </body>

[ 提示：你可先修改部分代码，再按Ctrl+A 全部选择 ]

(责任编辑：admin)

织梦二维码生成器

顶一下

(2)

100%

踩一下

(0)

------分隔线----------------------------