首页 >web前端 >html教程 >CSS布局问题_html/css_WEB-ITnose

CSS布局问题_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 12:06:34863浏览

对于父容器的大小未知,子元素的大小未知,如何是的子元素相对于付父容器垂直居中布局?


回复讨论(解决方案)

这种情况怎么可能出现呢?父容器宽高未知,说明是有内容撑开,既然又内容撑开,何来垂直居中一说?

只能用js动态获取容器的高度了,然后子容器做个定位

父元素设置相等的padding-top和padding-bottem值

对于父容器的大小未知,子元素的大小未知,如何使子元素相对于父容器垂直居中布局?
不能修改父元素的布局,不用JS

对于父容器的大小未知,子元素的大小未知,如何使子元素相对于父容器垂直居中布局?
不能修改父元素的布局,不用JS
子容器包含在父容器里面,设置子容器的样式margin:auto;这样试试,但是如果父容器小于子容器,不知道会发生什么事情

这道题有点像是腾讯前端的在线试题,那个前端突击队。
用下面这个可以保证水平垂直居中:
       position:absolute;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;

这道题有点像是腾讯前端的在线试题,那个前端突击队。
用下面这个可以保证水平垂直居中:
       position:absolute;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
这种方法子元素不定高宽的话不可能居中。你可以试试。


这道题有点像是腾讯前端的在线试题,那个前端突击队。
用下面这个可以保证水平垂直居中:
       position:absolute;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
这种方法子元素不定高宽的话不可能居中。你可以试试。
就是那个题目 谢谢你了

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn