经典论坛 › 论坛 › 网站开发区 › 前台制作与脚本专栏 › 表单垂直剧中DIV

查看: 3306|回复: 11

表单垂直剧中DIV [复制链接]

ebfming3　楼主

大陆仔仔

银牌会员 

帖子: 1097
体力: 1736
威望: 1

发表于 2008-6-27 17:46:29 |显示全部楼层

如题。
水平对齐没什么问题。可是比较麻烦，谁有诀窍讨论讨论

大陆仔http://daluzai.net

西部数码顶级域名注册商39元抢注！

使用道具举报

kth007　

初级会员

帖子: 34
体力: 163
威望: 0

发表于 2008-6-29 22:02:24 |显示全部楼层

不晓得是不是这样的。。也是很蠢的方法！

提示：您可以先修改部分代码再运行

租服务器，上51IDC | [长沙]招聘:PHP经理10K/WEB前端6K/PHP开发6K

使用道具举报

ebfming3　楼主

大陆仔仔

银牌会员 

帖子: 1097
体力: 1736
威望: 1

发表于 2008-6-30 14:12:20 |显示全部楼层

我晕这也算我还是用 padding好了

大陆仔http://daluzai.net

使用道具举报

kth007　

初级会员

帖子: 34
体力: 163
威望: 0

发表于 2008-6-30 23:22:54 |显示全部楼层

原帖由 ebfming3 于 2008-6-30 14:12 发表
我晕这也算我还是用 padding好了

解决问题就算啊我没说不能够用 padding 啊我有我的解决办法啊！

使用道具举报

liliang124689　

新手上路

帖子: 4
体力: 16
威望: 0

发表于 2008-7-1 10:44:37 |显示全部楼层

`````````````````````

使用道具举报

weila2zong　

落叶的影子

中级会员

帖子: 152
体力: 597
威望: 0
居住地: 河南省郑州市

发表于 2008-7-1 10:53:09 |显示全部楼层

遇到此种问题，设置文本框的 vertical-align:middle 就可以了
input{
height：30px;
line-height:30px;
border:solid 1px #ccc;
vertical-align：middle；
}

使用道具举报

rene1018　

xiaohc

高级会员 

帖子: 397
体力: 1361
威望: 0
居住地: 湖北省武汉市

发表于 2008-7-1 10:55:38 |显示全部楼层

有些问题是浏览器的天生缺陷，何必强求呢？换个思路不好吗？

比如表格

英国大学？

使用道具举报

11xuping2008　

初级会员 

帖子: 22
体力: 105
威望: 0
居住地: 广东省东莞市

发表于 2008-7-1 19:43:24 |显示全部楼层

我这样写IE.FF测试可以了，可是opera中不行

<!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=gb2312" />
<title>无标题文档</title>
<style>
.side{ height:140px; border:2px solid #FF9900; text-align:center;line-height:140px;
*font-size: 122px;width:950px;}
input{
height:18px;
border:solid 1px #ccc;
vertical-align:middle;
}
</style>
</head>
<body>
<div class="side">
<input name="" type="text" /> <input name="" type="submit" value="提交" />
</div>
</body>
</html>

使用道具举报