加粗樣式 用float實作ul li标簽的橫排顯示
(作者:吳業華,撰寫時間:2019年1月16日)
- 下面我們使用float來處理ul li的部分,下面我們來看一個例子,我們用了ul li标簽,下面的元素是豎着排列的,截圖:

-
在截圖中我們看到,在網站中我們看到的是豎着排列的,而在網頁部局中呢我們需要它是橫着排序的,那麼我們應該如何讓 它實作橫排顯示呢
下方截圖為未加float前:
- 實作的方法有許多種 我剛開始打算給li标簽一碼一個定位的 後來想省點代碼 就用float這個方法,因為那是後是剛開始學沒多久以為float隻能用來浮動div的 然後就試了試
- 通過加上一個左浮動 你看效果如下截圖顯示:
标簽内容已經橫排顯示。