天天看點

前端導航布局

加粗樣式 用float實作ul li标簽的橫排顯示

(作者:吳業華,撰寫時間:2019年1月16日)

  1. 下面我們使用float來處理ul li的部分,下面我們來看一個例子,我們用了ul li标簽,下面的元素是豎着排列的,截圖:
前端導航布局
  1. 在截圖中我們看到,在網站中我們看到的是豎着排列的,而在網頁部局中呢我們需要它是橫着排序的,那麼我們應該如何讓 它實作橫排顯示呢

    下方截圖為未加float前:

前端導航布局
  1. 實作的方法有許多種 我剛開始打算給li标簽一碼一個定位的 後來想省點代碼 就用float這個方法,因為那是後是剛開始學沒多久以為float隻能用來浮動div的 然後就試了試
前端導航布局
  1. 通過加上一個左浮動 你看效果如下截圖顯示:
前端導航布局

标簽内容已經橫排顯示。