[英]3 divs middle centered sides zoomable all in one vertically centered div
我花了将近2天,却不知道该怎么做。 这是一些代码:
<div id='wrapper'>
<div id='left'>
</div
<div id='middle'>
<div id='centeredinmiddle'>
</div>
</div>
<div id='right'>
</div>
</div>
我需要的是:包装垂直居中,左右可缩放,每个说20%的窗口宽度,中间静态宽度:700px,居中居中-水平居中居中。
我不确定这是否可行,但我希望是。
更改浮动div的顺序->
<div id='wrapper'>
<div id='left'>
foo bar
</div>
<div id='right'>
bar foo
</div>
<div id='middle'>
<div id='centeredinmiddle'>
lorem ipsum dolor sit amet and so on...
</div>
</div>
</div>
并向左右div添加一些小的样式规则:
#wrapper
{
width: 70%;
margin-left: 15%;
/*this is not a beautiful and nice attempt, but it works*/
}
#left
{
float: left;
width: 10%;
}
#right
{
float: right;
width: 10%;
}
#centeredinmiddle
{
/*no need for further style rules if you nicely adjust the others ;)*/
}
只需调整包装纸的宽度即可
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.