首页 > 代码库 > CSS------ul与div如何排成一行

CSS------ul与div如何排成一行

如图:

技术分享

技术分享

代码:(需要给div的float属性设置为left)

<div style="margin-top:10px">
  <div style="float:left;width:30px;height:60px;background-color:#aaa"><</div>
  <ul>
    @foreach (ProductImage item in ViewBag.ProductImages)
    {
      <li style="display:inline-block;border:1px solid #bce8f1">
        <img src="/upload/store/@ViewBag.StoreId/product/show/thumb60_60/@item.showimg" />
      </li>                
    }
  </ul> </div>

 

CSS------ul与div如何排成一行