股利ul>裏保持一條線（水平線）

我有通過UL李，現在一切都一個div裏面來了一個接一個（垂直）股利ul>裏保持一條線（水平線）

<div class="tm-extra-product-options-container"> 
    <ul class="tmcp-ul-wrap"> 
     <li class="tmcp-field-wrap">List One</li> 
     <li class="tmcp-field-wrap">List Two</li> 
    </ul> 
</div>

我如何對齊水平請給一些想法。。

來源

2016-09-20 techiva.blogspot.in

這裏工作演示，這是工作的演示...... 可以運行該代碼，並檢查了。

div ul li{display:inline;}

<div class="tm-extra-product-options-container"> 
 
    <ul class="tmcp-ul-wrap"> 
 
    <li class="tmcp-field-wrap">List One</li> 
 
    <li class="tmcp-field-wrap">List Two</li> 
 
    </ul> 
 
</div>

來源

2016-09-20 05:47:16 yash

這是工作能否請你檢查我的更新問題 –

@ websmentor.com我更新我的回答，相同的CSS解決您的問題，只是因爲你改改的html代碼，如果它對你有幫助，你可以接受它。 – yash

在你的css代碼中添加。

div ul li{display:inline;}

來源

2016-09-20 05:43:25

只需添加以下CSS

li{ 
float:left; 
margin-right:10px; 
list-style:none

}

來源

2016-09-20 05:44:04

在你的代碼

李中添加這種風格：

li{ 
    display: inline-block; 
    .... 
}

供您參考http://www.w3schools.com/css/css_inline-block.asp

來源

2016-09-20 05:47:33 bala

ul li{ 
display:inline-block; 
list-style:none; 
}

或者

ul li{ 
float:left; 
list-style:none; 
}

試一次

來源

2016-09-20 05:53:27

股利ul>裏保持一條線（水平線）

回答

相關問題