怎么把li换成横向

怎么把li换成横向,第1张

1. 怎么将ul下的li标签横着排列,要设置那个属性

哈哈,这个我正好有,定义如下样式,然后给UL 设置 class=”box“ ,大功告成。

.box ul {

list-style-type: none

margin:0px

padding:0px

}

.box li {

margin:7px

padding:5px

float:left

width:150px

height:190px

}

2. 怎么使ul中li元素横向排列且不换行

因为li是块级元素,默认占一行的,要想实现横向排列,一般通过以下两个方法:

float:left

这样设置有一个问题,li浮动以后则脱离了文本流,即不占位置,如果它的父级元素有具体的样式且没有固定宽高,建议父元素清除浮动,或者设置固定宽高

display:inline-block

即把li变为行内元素且可以设置宽高以及边距,这样也有一个问题,低版本的Ie浏览器不兼容inline-block,建议在其后再加两个属性兼容低版本ie

*display:inline

*zoom:1

我设置了li标签的自定义属性,名称是"abc"(见上例),理论上,我可以设置任意名称的自定义属性,我想叫什么名字就叫什么名字.

自定义属性是相对于内置属性来说的,

内置属性比如 class,style,title等

如何设置自定义属性呢?

使用jQuery有两种方式:

(a)使用attr方法


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11558776.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存