<style> </style> <body> <div> 用户名:<input type="text" name="username"/> 怎么垂直水平对齐???

 我来答
我是江仔啊
2018-11-20 · TA获得超过256个赞
知道小有建树答主
回答量:238
采纳率:72%
帮助的人:50.8万
展开全部
<style>
    input{position: fixed;top:50%;left:50%;transform:translate(-50%,-50%)}
</style>

以上兼容ie9+

<style>
    input{position: fixed;top:50%;left:50%;width: 200px;margin-left: -100px;height: 40px;line-height: 40px;margin-top: -20px;}
</style>

兼容大部分,但需要input标签定高定宽。

第三种方法,就是给input加个父元素,父元素定义为display:table并且text-align:center而且需要个高度,可以用定位并且设置百分比的高,也可以用固定高度,input定义为display:table-cell并且vertical-align: middle

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
红5酒杯
2018-11-19 · 超过28用户采纳过TA的回答
知道答主
回答量:230
采纳率:50%
帮助的人:22.3万
展开全部
浮动到中间
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
小星读公文
2018-11-19 · TA获得超过579个赞
知道小有建树答主
回答量:742
采纳率:89%
帮助的人:235万
展开全部
你想相对于谁对齐?
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式