热门源码
|
热门软件
|
高级搜索
|
网站地图
|
文章
·
软件投稿
免费收录你的网站，现在加入广捷居！
庆祝Admin5·站长网广告联盟开通，抢先注册中.
CSS代码在线格式化、美化工具
首页
站长资讯
源码下载
素材图库
脚本特效
电子书籍
专题
开源者社区
智能模糊搜索
资源名称检索
本站推荐
：
共享世纪推荐的2010·互联网建站品牌CMS
Windows/Linux高性能主机
2G 155元，3G 198元，5G 300元，欢迎联系本站站长选购！
文本输入框与文本同行出现，对齐设置的效果
脚本类别：
页面布局
添加时间：
2009-01-17
查看次数：
作者：
LENNYASH
脚本代码
<!--CTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dt--> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style type="text/css"> #a { height:30px; border:1px solid #ccc; } #b { margin-top:20px; height:30px; border:1px solid #ccc; } #a input { width:200px; height:30px; border:1px solid red; } #b input { width:200px; height:30px; border:1px solid red; vertical-align:middle; }</style> <div id="a"><input />2ky.cn - Div+CSS布局 常见问题</div> <div id="b"><input />2ky.cn - Div+CSS布局 常见问题</div>
loading...
当前页面所处路径为
共享世纪
/
脚本特效
/
页面布局
/ ，本特效的Tag为：
共享世纪
在a中是未设置的样子。文本与文本框不能垂直对齐，很不美观。
在b中，设置了vertical-align:middle;解决了这一问题。文本与文本框垂直居中对齐。
会员登陆
close X
用户名
密 码
验证码
