[問題] 頁面切換的 數字按鈕

看板Web_Design作者 (mdn頭家)時間15年前 (2009/05/07 01:39), 編輯推噓3(3推 0噓 23→)
留言26則, 4人參與, 最新討論串1/1
通常都是使用 ul li來設定最底下的切換頁面按鈕-ex.mobile01 看了許多討論版的版面，幾乎都是靠右、靠左， 因為li 設定 float的關係， 請問有沒有可能讓這些數字按鈕置中呢？ -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 122.116.14.85
推
05/07 01:44, , 1F
CSS
05/07 01:44, 1F
→
05/07 01:59, , 2F
謝謝回覆，因為也在外面設定div 置中對齊..但是似乎無效.
05/07 01:59, 2F
→
05/07 02:05, , 3F
感覺是應該對外面的容器ul 作 margin:auto; ？
05/07 02:05, 3F
→
05/07 02:06, , 4F
但要作margin:auto 有個限制是必須先定義好容器寬度.
05/07 02:06, 4F
→
05/07 02:12, , 5F
Tony大，已經設定過外層的容器在ul外面，不解的是..li要
05/07 02:12, 5F
→
05/07 02:13, , 6F
能夠左右浮動必須使用float加以控制，但是容器設定margin
05/07 02:13, 6F
→
05/07 02:14, , 7F
是對內無作用的..那內部要設定 margin 似乎又與float屬性
05/07 02:14, 7F
→
05/07 02:15, , 8F
不合..所以這是我想問的..因為不知哪裡有可參考之版面
05/07 02:15, 8F
→
05/07 02:23, , 9F
margin 跟 float 不合 ?.? 怎麼個不合法...?
05/07 02:23, 9F
→
05/07 02:23, , 10F
一個是box model , 一個是left right 的流動...兩個沒差吧@@
05/07 02:23, 10F
→
05/07 02:29, , 11F
不好意思不知道怎麼回水球...
05/07 02:29, 11F
→
05/07 02:32, , 12F
ctrl+R 就可以直接回了 XD
05/07 02:32, 12F
→
05/07 02:33, , 13F
float->li margin->ul 對齊ul整個位置，我嘗試加過ul之
05/07 02:33, 13F
→
05/07 02:33, , 14F
margin，但是ul 沒有讓裡面的li 有所置中的效果..
05/07 02:33, 14F
→
05/07 02:34, , 15F
可能不合說得太奇怪，但li裡面加上float不是就應該是靠設
05/07 02:34, 15F
→
05/07 02:35, , 16F
定的方向浮動嗎？ 此時li 裡面的margin 是否就無效用 ？y
05/07 02:35, 16F
→
05/07 02:37, , 17F
我的想法是 float設定好之後，有辦法對其作置中的設定嗎
05/07 02:37, 17F
→
05/07 02:45, , 18F
加margin:auto 是被加的東西會列於中間 .
05/07 02:45, 18F
→
05/07 02:45, , 19F
這個問題太抽象了 , 我可以想得到3-4種可能性... XD
05/07 02:45, 19F
推
05/07 10:15, , 20F
不用li只用a display:inline-block 父元素text-align:center
05/07 10:15, 20F
→
05/07 10:26, , 21F
抱歉忘記說明，數字有加一層方形外框，是用border畫得1px
05/07 10:26, 21F
→
05/07 10:27, , 22F
這樣就是困擾的地方..也因為都沒看過置中的寫法.所以
05/07 10:27, 22F
→
05/07 10:27, , 23F
就有一點能否置中的疑惑了...
05/07 10:27, 23F
推
05/07 10:34, , 24F
display:inline-block 區塊元素的特性，行內元素的排列
05/07 10:34, 24F
→
05/07 10:34, , 25F
加border沒問題
05/07 10:34, 25F
→
05/07 23:45, , 26F
非常感謝！！非常感謝！！
05/07 23:45, 26F
‣ 更多 cadmus22 的文章
文章代碼(AID): #1A0Sj6A0 (Web_Design)