html – 如何将div中的动态内容无序列表居中？

概述我试图想出一种方法来垂直居中div中的无序列表.我找到了很多方法来做到这一点,但是我的ul标签中的li标签中有 PHP代码,它们从数据库中获取文本,这导致li标签内文本的长度变化很大,导致内部垂直筛选我的div有一个固定的高度和宽度. 如何垂直定位我的无序列表,以便它始终在此div中垂直对齐？ 如果你试图水平居中,这里有一些代码可以适用于任何长度： 预览：http://jsfiddle.net/W 我试图想出一种方法来垂直居中div中的无序列表.我找到了很多方法来做到这一点,但是我的ul标签中的li标签中有 PHP代码,它们从数据库中获取文本,这导致li标签内文本的长度变化很大,导致内部垂直筛选我的div有一个固定的高度和宽度.

如何垂直定位我的无序列表,以便它始终在此div中垂直对齐？

解决方法 如果你试图水平居中,这里有一些代码可以适用于任何长度：

预览：http://jsfiddle.net/Wexcode/6UtFz/

HTML：

<div>    <ul>        <li><a href="#">Element 1</a></li>        <li><a href="#">Element 2</a></li>        <li><a href="#">Element 3</a></li>        <li><a href="#">Element 4</a></li>    </ul></div>

CSS：

div { overflow: hIDden; }ul {     position: relative;    float: left;    left: 50%;    padding: 0;    List-style: none; }li {     position: relative;    float: left;    right: 50%;    margin: 0 5px; }

对于垂直居中,只需使用vertical-align属性即可.
见：http://jsfiddle.net/Wexcode/fK793/

总结

以上是内存溢出为你收集整理的html – 如何将div中的动态内容无序列表居中？全部内容，希望文章能够帮你解决html – 如何将div中的动态内容无序列表居中？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。