HTMLulli横排居中排列的方法，三步骤及实例

　　HTMLulli横排居中排列的方法，三步骤及实例ulli横排居中排列的方法
　　无序列表的列表项默认情况下是竖着排的，因为li元素是块级元素，会自动分行。那如果要将列表的列表项进行横排，比用无序列表ul元素定义一个导航条。那该怎么办呢？这当中有三个应当被解决的东西，一个是横排本身，另一个就是应当把无序列表项的圆点去掉，第三则是让ul定义的列表居中显示，包括水平居中和垂直居中。方法如下：
　　HTMLulli横排居中排列的方法，三步骤及实例ulli横排的方法
　　将ul无序列表元素中的列表项li元素的display属性设置成inline或inlineblock，个人比较常用的是后者：
　　ulli｛display：inlineblock；｝ul水平居中和垂直居中的方法
　　水平居中方法：只要将ul元素包含于一个p元素，并将p元素的textalign属性设置为center即可将ul水平居中。除此之外，因为ul的列表默认情况下是有左内边距的，所以，为了能够让列表能够更好地水平居中，需要将ul的左内边距paddingleft设置为0，具体可见下方的综合实例。
　　垂直居中方法：为包含ul元素的p元素设置宽度width和高度height（实际上导航条一般也需要有宽度和高度的设置），然后将ul的lineheight属性设置为父元素的高度height即可。去掉圆点的方法
　　将ul元素的liststyle属性设置为none即可。
　　HTMLulli横排居中排列的方法，三步骤及实例ulli横排居中排列综合实例代码，及在线编辑器ulclasse2liHTMLlilipythonliligolangliulstyle。e1｛width：100；height：50px；border：1pxsolidskyblue；textalign：center；｝。e2｛liststyle：none；paddingleft：0；｝。e2li｛lineheight：50px；display：inlineblock；｝styleHTMLCSSJS实例在线编辑器：
　　HTMLulli横排居中排列的方法，综合实例在线HTML教程实例代码解析
　　如上代码，一定要将ul的左内边距paddingleft设置为0，否则ul列表的水平居中将偏向右边，大家可以将。e2中的paddingleft删除掉，然后再在线运行看一看效果。python全栈：
　　笨鸟工具璞玉天成，大器晚成