網頁怎么設置導航鍵寬度?
1 先引入layui的樣式代碼,
2創建html代碼,添加上layui的導航樣式,layui-nav
3運行頁面,我們就可以看到一個美觀的導航菜單了。
4現在的菜單右邊有很多空白的地方,我們可以添加樣式,為導航欄條目添加長度,讓其布滿頁面。
先看下現在默認的導航欄的樣式,并沒有設置寬度,默認是自適應文字寬度。
5我們添加一個樣式,注意樣式名和剛才默認的樣式名一樣。添加width:25%的樣式。
6再次運行頁面,現在導航欄的條目布滿了,沒有留下過多的空白了。
7除了使用百分比來設置寬度,我們還可以設置成固定的長度值,比如width: 140px。
這個數值取決于你的整個頁面的寬度值,和有多少個導航條目,條目多的,數值就要設置小一點,條目少的,就要設置大一點