css怎样设置ul的li居中均匀排列

2021-01-13 18:04:22 字数 3484 阅读 4414

1楼:匿名用户

ie6的margin的bug最好解决了,在浮动后有magin的div里写一句display:inline就可以解决

如果想少出现兼容问题可以使用padding

2楼:回忆

css设置ul的li 居中均匀排列,我们首先需要做的就是将这个ul的width和height确定,使用margin让ul居中,margin的用法如图:

,然后在设置li的width和height,然后给li一个float,通过**来理解:

名字1名字2

名字3名字4

3楼:匿名用户

有几种方法,一,设置最小宽度,二,设置padding和margin属性,三,设置宽度成%比。

4楼:╟雪♂楓

你适当的设置margin和padding试试

5楼:和你一起自暴

home

about us

department

declaration>

services

css样式怎样设置

    标签中li内容居中左对齐? 20

    6楼:匿名用户

    额。。。你到底是想居中还是左对齐?

    居中就直接用text-align:center; 而默认就是左对齐的,顶多是设置text-align:left;

    如果你想要的效果是内容偏中间一点,那你就在li上加padding-left控制位置

    7楼:贪恋迩的香吻

    居中:text-align:center;( 而默认就是左对齐的),再设置:text-align:left;

    **如下:

    .box{text-align:center;text-align:left}

    内容1内容2内容3

    8楼:o心随缘飘

    你是指看起来文字间距一样,而li横向排列?

    9楼:匿名用户

    用word-break试试看

    css里 ul标签怎么居中啊

    10楼:笃定资源

    要实现ul标签水平居中,关键在于css中 display:inline 的运用。

    html**具体示例:

    注意:如果ul没有设置宽度,用margin:0 autl是没有用的,因为它默认了100%,给它一个宽度,实际宽度或者width:auto都可以。

    11楼:匿名用户

    第一个问题

    ul设置margin:0px auto是指ul本身相对于父级对象居中。你的ul父级对象是div,所以并不是相对屏幕居中,而是相对父级div300个px的居中。

    解决这个问题的方法是把div的宽度去掉,让div默认为body的宽度。或者干脆直接把父级的div去掉。

    第二个问题

    如果要垂直居中,valign很多浏览器兼容性不好,一般解决方法:如果是一行的话可以设置行高line-height属性和高度height相等;如果是多行的话要复杂的多,可以考虑将父级对象设置为相对定位position:relative,要居中的对象设置为绝对定位position:

    absolute,然后慢慢调整left和top的值。

    第二个问题你还有一个错误就是一个对象如果加了padding之后的话,跟它的宽度没有关系,也就是说。如果你设置一个对象的宽度为200px,padding为50px,它的真实宽度就是200px 加上左边的50px的padding,右边的50px的padding,加起来一共300px;

    第三个问题

    同第一个问题,li的左右居中依然是相对于它的父级对象即ul居中,只浏览器的宽度没有关系。

    第四个问题

    没明白你的意思,一个ul里有好多个li,你要是多个li同时居中?就是全部重叠在一起?还是说

    什么居中?或者你的意思是比如ul高200,一共有两个li,两个li一个人有50的高度,居中的意思就是说两个li应该本身占100的高度,然后上面空50,下面空50?

    12楼:木恩月城

    给样式加width宽度和高度,否则不能居中,display:block; width:100px; height:100px;

    13楼:斜斜西

    ul被定了成块元素,即display:block ,它就注定居不了中,所以只要不要变成块元素就可以了,然后用text-align:center居中就可以了。

    很多的导航条都是没居中的。

    14楼:匿名用户

    akfiealdife

    akfiealdife

    html css 里面 一个div里的ul怎么让他居中对齐?

    15楼:用着追她

    1、首先先打开我们的开发环境 新建一个web项目。

    2、在html中引入css文件 这里是html页面的** div和ul。

    3、将所有标签的margin和padding初始为0 然后将父级div的display设置为flex align-items设置为center 。

    4、运行web项目后得到的结果如图所示 垂直居中了。

    5、将display设置为table-cell,将vertical-align设置为middle即可 。

    6、将ul的高度设置为百分比然后使用相对定位设置top为二分之一的百分之百减去ul的高度即可 。

    7、使用line-height将其设置div的高度 必须是确定值,然后将li左或者右浮动即可。

    16楼:匿名用户

    div里的ul下面的li居中对齐,关键点如下:

    1、css设置好li的宽度

    2、li的css加上居中**text-align:center。

    例子如下:

    居中文字1

    居中文字2

    居中文字3

    居中文字4

    居中文字5

    居中文字6

    17楼:匿名用户

    浮动的时候ul要有宽度margin:0 auto;才有作用

    没有宽度这个是没有作用的,浮动的时候高度也要的哦

    18楼:邢富鹏

    .brand

    ul li 也要剧中

    a 锚伪类 是内联元素 要变成块级元素 display:block; 默认是display:inline;

    19楼:匿名用户

    你给ul定义个宽度width:938px;overflow:hidden;margin:0 auto;这样就可以了。

    20楼:刘经茂

    没有说明是ie还是什么浏览器 给.brand ul 设置宽度应该可以解决你的问题

    21楼:匿名用户

    直接给brand那个div加属性align="center"就可以了,何必那么麻烦。