浮动列表项实例与解析

2024-01-16 14:54 小编

浮动列表项

 

    在上面的例子中链接有不同的宽度。

 

    对于所有的链接宽度相等,浮动<li>元素,并指定为元素的宽度:

 

    实例

 

li

 

{

 

    float:left;

 

}

 

a

 

{

 

    display:block;

 

    width:60px;

 

}

 

    实例解析:

 

    float:left-使用浮动块元素的幻灯片彼此相邻

 

    display:block-显示块元素的链接,让整体变为可点击链接区域(不只是文本),它允许我们指定宽度

 

    width:60px-块元素默认情况下是最大宽度。我们要指定一个60像素的宽度

 

    提示:查看完全样式的横向导航栏的示例。


在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码