css中怎么把ul居中

2024-01-18 09:58 小编
 1、假设最初的的代码是这样:
 
  <divid="links"style="border:1pxsolidred;">
 
  <ul>
 
  <li><ahref="#">link111111</a></li>
 
  <li><ahref="#">link2222</a></li>
 
  <li><ahref="#">link33333</a></li>
 
  <li><ahref="#">link44444</a></li>
 
  <li><ahref="#">link555555</a></li>
 
  </ul>
 
  </div>
 
  2、去除列表前面的黑点(在ul的style中使用list-style-type:none;)
 
  <divid="links">
 
  <ulstyle="border:1pxsolidred;list-style-type:none;">
 
  <li><ahref="#">link111111</a></li>
 
  <li><ahref="#">link2222</a></li>
 
  <li><ahref="#">link33333</a></li
 
  <li><ahref="#">link44444</a></li>
 
  <li><ahref="#">link555555</a></li>
 
  </ul>
 
  </div>
 
  如下图所示:
 
  3、使li横排显示并且ul位于div的中间位置,(li使用style="display:inline;"),如下所示
 
  
 
  <styletype="text/css">
 
  #links{text-align:center;}
 
  #linksul{border:1pxsolidred;list-style-type:none;}
 
  #linksulli{
 
  display:inline;
 
  }
 
  </style>
 
  <divid="links">
 
  <ul>
 
  <li><ahref="#">link111111</a></li>
 
  <li><ahref="#">link2222</a></li>
 
  <li><ahref="#">link33333</a></li
 
  <li><ahref="#">link44444</a></li>
 
  <li><ahref="#">link555555</a></li>
 
  </ul>
 
  </div>


Tag: 怎么
在线咨询 拨打电话

电话

13363039260

内部绝密传真282期

微信二维码