Question

我和Ul Li有一个Div现在一个接一个（垂直）

<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>

我如何对齐水平请给出一些想法..

Answer 1

这是工作演示，它正在运行演示...... 您也可以运行此代码并进行检查。

＆＃13;

div ul li{display:inline;}

＆＃13;

   <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>

＆＃13;

Answer 2

在你的css代码中添加。

div ul li{display:inline;}

Answer 3

只需添加以下css

即可

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

}

Answer 4

代码中的

在li：

中添加此样式

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

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

Answer 5

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

或者

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

尝试一次

Div ul> li保持在一行内（水平线）

5 个答案: