Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
垂直对齐列表(CSS)_Css_List_Vertical Alignment - Fatal编程技术网

垂直对齐列表(CSS)

垂直对齐列表(CSS),css,list,vertical-alignment,Css,List,Vertical Alignment,我想知道如何使列表与图像垂直对齐,如下所示: 谢谢 编辑: 如果有人感兴趣,下面是HTML+CSS: <header> <img src="URL" /> <ul> <li>ListItem 01</li> <li>ListItem 02</li> <li>ListItem 03</li> </ul> </header> 我只是把它格式化成一张表。但是你的偏好是

我想知道如何使列表与图像垂直对齐,如下所示:

谢谢

编辑:

如果有人感兴趣,下面是HTML+CSS:

<header>
<img src="URL" />
<ul>
<li>ListItem 01</li>
<li>ListItem 02</li>
<li>ListItem 03</li>
</ul>
</header>

我只是把它格式化成一张表。但是你的偏好是用CSS处理的吗?
此外,这是一个很好的资源,可以用于以下内容:

您只需将下一个css应用于您的ul li

li
{
display:inline;
}

查看更多信息。

有很多解决方案可以满足您的要求。这只是一个可能的解决方案,请将此添加到css中:

header>img, header>ul>li {
  float: left
}

看一看,有一些样式比上面提供的样式更多,但我希望它能帮助您理解。

它应该是一个标题,下面是HTML代码:
  • 项目01
感谢链接。我想您的意思是“水平对齐”。。。
header>img, header>ul>li {
  float: left
}