xuhanchn
2016-08-05 06:13
采纳率: 92.7%
浏览 1.9k
已采纳

求解这段css怎么让div随着里面的内容调整大小,并且居中

<div class="signpage">
    <div class="signbox">
        <div class="inputbox"><input type="text" name="account"/></div>
        <div class="inputbox"><input type="password" name="pwd" /></div>
    </div>
<div>

signpage调整为占满整个页面。
现在需要signbox根据两个input的大小自动调整大小(宽度+高度自动调整)
,并且在页面里居中(水平+垂直)

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • 已采纳

    这个会变?会变的话水平比较麻烦,一般是signbox定高宽,absolute定位,left/top 50%,通过margin-left为-宽/2,margin-top为-高/2来实现水平垂直居中

    会变的话需要js来跳转margin-left,margin-top的值了

     <div class="inputbox"><input type="text" name="account"/></div>
    
    点赞 评论
  • xuhanchn 2016-08-05 06:20

    关键是自动调整大小
    还有垂直居中
    不好搞

    现在流行的方法是什么?如果要用到js我就算了。。。

    点赞 评论

相关推荐 更多相似问题