甚至在CSS/HTML製作導航欄

-2

所以我試圖讓我的導航欄基本上看起來更好看，我設計它主要是我怎麼樣在CSS中，但每個鏈接是根據它的大小字大小，所以每個塊/鏈接的大小不同（希望是有道理的），所以我想讓它們全部大小相同而不是/不依賴於字長。我也想改變鏈接背後的顏色（基本上是這樣，顏色延伸到兩側）我包括一個圖片鏈接，解釋我在說什麼：http://postimg.org/image/mdoq7vwy7/。提前致謝！甚至在CSS/HTML製作導航欄

來源

2015-08-25 TLeeL8454

它是你給我們的死鏈接，你沒有提供任何代碼，請更新你的答案，以便我們可以看到你在說什麼。 –

鏈接在這裏罰款.. – Repo

@AdamBuchananSmith鏈接工作正常 – DylanB

要在導航欄的寬度相同的各個環節，給他們所有的同一類，做這個CSS：

.list-class { width: 100px; }

而爲了讓顏色伸展越過邊界，我會嘗試這樣的：

li { padding-left: 5px; padding-right: 5px }

假設你正在使用列出了您的導航欄。沒有代碼幫助有點難，但希望這有助於幫助

來源

2015-08-25 23:09:56 raney24

您將需要使用flexbox。無論內容如何，Flexbox都可以使所有項目具有相同的尺寸。

JSFiddle

ul{ 
    display:-webkit-box; 
    display:-webkit-flex; 
    display:-ms-flexbox; 
    display:flex; 
    list-style-type:none; 
} 
ul li{ 
    -webkit-box-flex:1; 
    -webkit-flex:1; 
    -ms-flex:1; 
    flex:1; 
    text-align:center; 
}

PS。沒有你提供任何代碼很難給你的幫助

來源

2015-08-25 23:12:16 cameronjonesweb

@DylanB flexbox仍然是答案，無論代碼。除非你想用表... – cameronjonesweb

我不反對，但是這個實現可能是完全錯誤 – DylanB

@DylanB停止拖動！，OP需要添加代碼！沒有它，這是一個猜測遊戲的最佳效果。 –

甚至在CSS/HTML製作導航欄

回答

相關問題