beyyh 2014-11-24 09:06 采纳率: 66.7%
浏览 1810
已采纳

请问怎么让div中的div在垂直方向上居中呢？

比如：下面这段代码，如何让里面的div在垂直方向上面居中呢(不好意思，实在是没有悬赏币了)

.out{ width:500px; height:500px; background:blue; } .inn{ width:200px; height:200px; background:red; }
  • 写回答

3条回答

  • Go 旅城通票 2014-11-24 09:11
    关注

    你的inn怎么比out还大。。搞反了吧。。通过margin来定位。absolute定位最好，不需要考虑父容器，只需要依据自身的宽和高度来调整margin

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<style>.out{  width:300px; height:300px; background:blue; position:relative} .inn{ width:200px; height:200px;background:red;position:absolute;margin-left:-100px;margin-top:-100px;left:50%;top:50% } </style>
<div class="out"><div class="inn"></div></div>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题？

悬赏问题

  • ¥15 求解 yolo算法问题
  • ¥15 虚拟机打包apk出现错误
  • ¥30 最小化遗憾贪心算法上界
  • ¥15 用visual studi code完成html页面
  • ¥15 聚类分析或者python进行数据分析
  • ¥15 三菱伺服电机按启动按钮有使能但不动作
  • ¥15 js，页面2返回页面1时定位进入的设备
  • ¥50 导入文件到网吧的电脑并且在重启之后不会被恢复
  • ¥15 （希望可以解决问题）ma和mb文件无法正常打开，打开后是空白，但是有正常内存占用，但可以在打开Maya应用程序后打开场景ma和mb格式。
  • ¥20 ML307A在使用AT命令连接EMQX平台的MQTT时被拒绝