您现在的位置是:网站首页>前端技术

不定宽度ul在div中居中显示

前端技术2020年12月01日634浏览

简介怎么让一个不设定宽度的ul,li内容在一个div中居中显示

怎么让一个不设定宽度的ul,li 内容在一个div中居中显示



div{margin:200px auto;width: 500px;height: 400px;border: 1px solid red;text-align: center;}
ul,li{list-style: none;padding: 0;margin: 0;}
li{display: inline-block;}

<div>

   <ul>

          <li>list_1</li>

           <li>list_2</li>

           <li>list_3</li>

  </ul>

</div>

效果如图:

{88{W)1FR89M6WIY85N~4B2


标签: css

1

评论文明上网,理性发言0条评论