Html 几个ul内联块_Html_Css - Fatal编程技术网

Html 几个ul内联块

html css

Html 几个ul内联块,html,css,Html,Css,我想列几个清单，比如： li li li li li li li 我使用了此标记，但结果是： li li li li li li li 但我收到： li li li li li li li 锂锂锂锂锂锂锂我应该怎么做才能收到想要的结果？您只需要将ul设置为inline block，如下所示： ul{ 显示：内联块；垂直对齐：顶部； } a b c 一, 二, 三, y t r 您只需将u

我想列几个清单，比如：

li li li li li li li 我使用了此标记，但结果是：

li li li li li li li 但我收到：

li li li li li li li 锂锂锂锂锂锂锂

我应该怎么做才能收到想要的结果？

您只需要将

ul

设置为

inline block

，如下所示：

ul{
显示：内联块；
垂直对齐：顶部；
}


a
b
c


一,
二,
三,


y
t
r

您只需将

ul

设置为

内联块

，如下所示：

ul{
显示：内联块；
垂直对齐：顶部；
}


a
b
c


一,
二,
三,


y
t
r

检查此项：

.list{
宽度：300px；//或任何所需尺寸
填充：0；
显示器：flex；
柔性流：行换行；
证明内容：柔性端；
列表样式：无；
}
李先生{
宽度：33%；
}


李
李
李
李
李
李
李

检查此项：

.list{
宽度：300px；//或任何所需尺寸
填充：0；
显示器：flex；
柔性流：行换行；
证明内容：柔性端；
列表样式：无；
}
李先生{
宽度：33%；
}


李
李
李
李
李
李
李

使用此

用这个

请尝试以下代码。将“ul”包装在“div”内，并用flex显示。这里是链接


div{
显示器：flex；
}
保险商实验室{
显示：内联块；
}

1.1
1.2


2.1
2.2


3.1
3.2
3.3

请尝试以下代码。将“ul”包装在“div”内，并用flex显示。这里是链接


div{
显示器：flex；
}
保险商实验室{
显示：内联块；
}

1.1
1.2


2.1
2.2


3.1
3.2
3.3

只需将

ul

元素向左浮动即可

ul{
浮动：左；
}


a
b


一,
二,


y
t
r

只需将

ul

元素向左浮动即可

ul{
浮动：左；
}


a
b


一,
二,


y
t
r

它正在工作

ul{
显示：内联块；
垂直对齐：顶部；
}
ulli{
颜色：蓝色；
字体大小：粗体；
字体系列：无衬线；
}


李
李


李
李


李
李
李

它正在工作

ul{
显示：内联块；
垂直对齐：顶部；
}
ulli{
颜色：蓝色；
字体大小：粗体；
字体系列：无衬线；
}


李
李


李
李


李
李
李

寻求代码帮助的问题必须包括在问题本身中重现代码所需的最短代码，最好是以最短的格式。请参阅问题，寻求代码帮助必须包括在问题本身中重现代码所需的最短代码，最好是以最短的格式。看见

ul {
  display: inline-block;
  list-style:none;
  vertical-align:top;
}

<style>
div {
    display: flex;
}
ul {
    display: inline-block;
}
</style>
<body>
<div>
    <ul>
<li>1.1</li>
<li>1.2</li>
</ul>
<ul>
<li>2.1</li>
<li>2.2</li>
</ul>
<ul>
<li>3.1</li>
<li>3.2</li>
<li>3.3</li>
</ul>
</div>
</body>