創建帶邊框的快速鏈接框

-1

我在製作快速鏈接框時遇到嚴重問題。請參閱我的網站http://www.orkoa.com/index4.html，你會注意到我已經玩了幾件事情，我卡住了。我希望你能幫忙。創建帶邊框的快速鏈接框

1）我想添加快速鏈接，並嘗試減少頂部邊欄的高度，並使文本完美中心和對齊。我有一個非常困難的時間來實現這一目標。

2）此外，我從w3c教程頁面添加了一個畫廊，並在「mainContent類」中添加了這個畫廊。它的工作，但這是正確的方式去做這件事？如果你獨立完成，畫廊就位於「bottomcontent」類以外的底部。

有什麼建議嗎？

什麼是你問題的第二部分？這很難理解。 –

要居中對齊的，以側欄h3文本，這一點，如果你想cneter排列在側欄中的所有文本添加此代替

.top-sidebar { 
    text-align: center; 
}

2015-06-02 07:23:30

添加到您現有的CSS

.top-sidebar h3 { 
    text-align: center; 
}

而不是使用aside標籤，你應該做一個div容器，並使其float: right

然後你可以pl王牌所有其他邊欄在該容器內，使用更多的div

然後，你可以輕鬆地調整它們的高度，因爲它們都是獨立的div，儘管如果你想使它響應，我會建議避免處理高度。更好的是使用引導程序。

至於製作文字中心，您可以使用text-align: center。無論div的哪一部分需要居中，都可以將其添加到該部分的CSS中。

而且，目前所有的aside標籤爲float: left，他們應該是float: right

2015-06-02 07:48:45

回答