[分享]css不给ul设置宽度怎么办

CSS中的ul是用来制作无序列表的标签，但有时候我们会遇到不给ul设置宽度的情况。这时候该怎么办呢？ 一、尝试使用display:inlineblock属性 我们可以尝试将ul的display属性设置...

CSS中的ul是用来制作无序列表的标签，但有时候我们会遇到不给ul设置宽度的情况。这时候该怎么办呢？
一、尝试使用display:inline-block属性
我们可以尝试将ul的display属性设置为inline-block，这样可以让ul像行内元素一样排列，同时又可以设置宽度。
pre代码如下：

ul {
  display: inline-block;
  width: 200px;
} 

二、使用flex布局
另一种方法就是使用flex布局，将ul的父元素设置为display:flex，然后再将每个li元素的flex-basis属性设置为0，这样li元素的宽度就会平均分配。
pre代码如下：

ul {
  display: flex;
}
<br>
li {
  flex-basis: 0;
} 

三、使用float属性
我们还可以使用float属性来使ul元素不占据整个宽度。将ul元素浮动到左边或右边，其他元素会自动填充剩余部分。
pre代码如下：

ul {
  float: left;
} 

总之，以上这些方法，都是可以解决不给ul设置宽度的情况，达到自己想要的效果。我们只需根据实际情况，选择最适合的方法即可。