css样式给ul还是li

html-css010

css样式给ul还是li,第1张

css样式给li。

1.文字居中定义文字居中始终是要的,所以首先给予ul外层div一个text-align(文本对齐:居中),还可以给一个“溢位:隐藏(overflow: hidden)”,当然也可以定义一下高和宽。

2.ul定义ul不能定义宽度,我们只能给一个定位,类型为相对(position: relative),置入左为50%(left: 50%),当然也可以给一个浮动。请注意,ul千万不能用溢位:隐藏(overflow: hidden),这样,部分li就无法显示。

3.li定义li的定义跟ul差不多,宽度不固定,同样给一个定位,类型为相对(position: relative),置入右为50%(right: 50%),恰恰和ul相反,这样定义后li就可以无论分页多少始终居中了。

应该没问题的。把width规范下,在145后面加上px

实在不行就换个名称或者用

id=“tto”

#too{width:145px}

还有就是ul、li最好是规定一下高度

用Css设置图片的位置的话:

1.通过position的绝对定位,然后在通过left和top就可以设置你的ul移动位置了;代码如下

<div style='position:absolutleft:0pxtop:0px'>

<ul>

<li>我是测试文字</li>

</ul>

</div>

2.通过margin这个属性操作,margin:10px 20px 30px 40px这个的意思就是距离上边10px,距离右边20培训,距离下边30px,距离左边40px,代码如下

<div>

<div style=' width:330pxheight:200pxmargin-top:30px'>

<p>我是测试文字</p>

</div>

</div>