########################
给body设定高宽然后给背景色,背景色还是全屏幕?
是不能设定body高宽吗?
不是,只是颜色而已,高宽还是在的,里面放个div然后float就知道了.
###############################################
浮动后的垂直居中?
<style>
body{
background-color:green;
width:200px;
height:200px;
}
div{
width:80%;/*body定高宽,这里用百分比为的是确定用不定高宽可以用table-cell来垂直居中*/
height:80%;
background-color:red;
display:table;
/*float:right;*/浮动之后,table也用不了了,单行的话,只能用line-height来垂直居中了.
}
div div{
display:table-cell;
text-align:center;
vertical-align: middle;
}
</style>
</head>
<body >
<div><div>abc</div></div>
</body>
浮动前:
浮动后:
但是有办法:浮动不能居中,原因是父元素的浮动会影响到子元素的浮动效果,这时可以去掉子元素的浮动:float:none;
再后再水平居中,垂直居中
text-align:center;
vertical-align: middle;
浮动前:
浮动后:
但是有办法:浮动不能居中,原因是父元素的浮动会影响到子元素的浮动效果,这时可以去掉子元素的浮动:float:none;
再后再水平居中,垂直居中
text-align:center;
vertical-align: middle;
#################################################################
扫一扫
2742
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
