layui 导航栏的长宽如何设置

2024-10-12 09:44:32

1、先引入layui的样式代码,

layui 导航栏的长宽如何设置

3、运行页面,我们就可以看到一个美观的导航菜单了。

layui 导航栏的长宽如何设置

5、我们添加一个样式,注意样式名和刚才默认的样式名一样。添加width:25%的样式。

layui 导航栏的长宽如何设置

7、除了使用百分比来设置宽度,我们还可以设置成固定的长度值,比如width: 140px。这个数值取决于你的整个页面的宽度值,和有多少个导航条目,条目多的,数值就要设置小一点,条目少的,就要设置大一点

layui 导航栏的长宽如何设置
猜你喜欢