div中的中心元素

我必须将所有元素置于div.to_left_60中。我需要解决方案，它将适用于那里的所有元素。我为此设置了text-align: center。它适用于文本，但不适用于我的ul元素。我试图玩边缘和absolute/relative，但没有运气。div中的中心元素

ul.problem是我必须以此div为中心的元素。从jsfiddle你看到白色背景不居中。

HTML

<div class="to_left_40">gtestsetes</div> 
<div class="to_left_60"> 
    <p>gtestsetes</p> 
    <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcTvZsT7cLwPFCC0joFhZoi6OylhGaIVHBPYn--PrH3nzZdMwH0grA" width="265px" /> 
    <ul class="problem"> 
     <li>fsfsd</li> 
     <li>fsfsd</li> 
    </ul> 
    <ul> 
     <li>fsfsd</li> 
     <li>fsfsd</li> 
    </ul>

CSS

ul { 
    list-style: none; 
    text-align: justify; 
    background-color: yellow; 
} 
ul.problem li { 
    list-style-type: none; 
    display: block; 
    width: 245px; 
    height: 164px; 
    padding: 14px 10px 0 10px; 
    background-color: white; 
    background-repeat: no-repeat; 
    text-align: center; 
    font-size: 18px; 
} 
.to_left_40 { 
    float: left; 
    width: 40%; 
    background-color: red; 
} 
.to_left_60 { 
    float: left; 
    width: 60%; 
    background-color: green; 
    text-align: center; 
}

的jsfiddle：http://jsfiddle.net/qVTQ4/

编辑：（SOLLUTION）

这有助于：

ul.problem li{margin:0 auto;}

我已经修改了这个sollution：

.to_left_60 * { 
    margin:0 auto; 
}

来源

2013-07-19 renathy

尝试这种方式

ul.problem li{margin:0 auto;}

Demo

来源

2013-07-19 10:35:25

嗯。有没有一种方法可以像下面这样重写它：.to_left_60> {margin：0 auto;}我不知道如何正确编写它:(所有元素的margin：0 auto都在.to_left_60中） – renathy

看一看这个 - http://jsfiddle.net/2y7R8/

我所做的一切在ul上设置宽度并添加margin: 0 auto以居中。

来源

2013-07-19 10:36:01 boz

尝试盒对准

div 
{ 
width:350px; 
height:100px; 
border:1px solid black;

/*的Internet Explorer 10 */

display:-ms-flexbox; 
-ms-flex-pack:center; 
-ms-flex-align:center;

/*火狐*/

display:-moz-box; 
-moz-box-pack:center; 
-moz-box-align:center;

/* Safari浏览器，Opera和Chrome浏览器*/

display:-webkit-box; 
-webkit-box-pack:center; 
-webkit-box-align:center;

/* W3C */

display:box; 
box-pack:center; 
box-align:center; 
}

来源

2013-07-19 10:39:16 matthiasgh

现在这就是我所说的用一个巨大的锤子敲开一个螺母...... –

尝试移除

ul 
{ 
    text-align: justify; 
}

即

ul { 
    list-style: none; 
    background-color: yellow; 
}

来源

2013-07-19 10:40:11

尝试此

ul.problem li { 
margin:0 auto; 
}

这可以在中心设置UI块。双方的利润率相等。

来源

2013-07-19 10:41:14

你可以声明ul { padding:0; }看起来你的li是居中，但父母ul有默认的填充。

来源

2013-07-19 10:45:51

div中的中心元素

回答

相关问题