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中的中心元素

回答

相關問題