:::
所有書籍
「DREAMWEAVER」目錄
MarkDown
利用 css 讓 ul div 置中
色碼表
網頁時間跳轉語法
搜尋優化
網址列小圖示
時間到自動換圖語法
常用的語法
利用 css 讓 ul div 置中
ul 置中方法(用於使用 li 設計的選單)
CSS的垂直置中,左右置中
浮動式固定上選單
製作浮動式的回到網頁頂部按鈕
將footer 浮動固定在網頁下方
讓 float 的 div 高度相同
左欄固定,右欄佔滿剩餘空間
CSS的垂直置中,左右置中
DREAMWEAVER =========== 用 li 設計的選單,水平排列的話一定會用 float:left (right)去改變原來的屬性。 > <div id="nav"> > <ul> > <li>項目1</li> > <li>項目2</li> > </ul> > </div> 大部分人想到就是設 #nav { text-align:center; },或是讓 ul 去做 margin: 0 auto; 但它還是不動,因為它的父層有可能沒有設定固定寬度呀。 因此我們要用另一種小技巧來讓它左右各移動一次,完成我們的選單置中。 方式如下: `#nav{
float: right;
left: -50%;
position: relative;
}
#ul{
float:left;
left: 50%;
position: relative;
}`
:::
主選單
首頁
本站消息
教學圖片
教學文章
會員登入
帳號
密碼
記住我
登入