swiper怎么设置父盒子的css样式

html-css018

swiper怎么设置父盒子的css样式,第1张

/*CSS

#content{ width:1002pxmargin:0 autopadding-top:17pxbackground:#eee9d6height:auto}

.content_left{ float:leftmargin-left:23pxwidth:255px}

.content_right{ float:rightmargin-right:25pxwidth:674px}

.about_us{ float:leftwidth:320pxmargin-right:30px}

.news{ float:leftwidth:320px}

/*DIV

<!-- #include file="Head.asp" -->

<div id="content">

<div class="content_left">

<div class="con_left1"><img src="imgbyw/nav_khal.jpg"><div style="margin:12px autopadding-left:1px"></div></div>

<div class="con_left2"><img src="imgbyw/nav_lxwm.jpg"><div style="height:125pxbackground:url(imgbyw/nav_conbg.jpg) right bottom no-repeatpadding-left:2px"></div></div>

</div>

<div class="content_right"></div>

</div>

<!--#include file="Foot.asp" -->

如果子盒子是行内块元素的话那么可以在父盒子中加上text-align:center;text-align不仅能使文字水平居中,也能使行内元素水平居中。

当然还有其他的办法,使用css3新特性的弹盒属性,给父盒子加上display:flex(必须)表示为弹性布局元素,再加上justify-content: center就可以实现水平居中,想要再实现垂直居中的话也可以再加上一个属性:align-item:center当然这两个属性均要在父盒子中添加。

具体更多布局方案你可以百度一下css3的弹性盒子教程自己了解学习一下,希望能帮到你。