创建带边框的快速链接框

时间:2015-06-02 07:19:22

标签: html css css3

我在制作快速链接框时遇到了严重问题。请看我的网站http://www.orkoa.com/index4.html,你会发现我玩过一些东西而且我被卡住了。我希望你能帮忙。

1)我正在尝试添加快速链接并尝试降低顶边栏的高度并使文本完全居中并对齐。我很难实现这一目标。

2)此外,我在w3c教程页面中添加了一个库,并在“mainContent类”中添加了它。它的工作原理,但这是正确的方法吗?如果你是独立完成的,那么画廊就位于“底层”课程之外的底部。

有什么建议吗?

2 个答案:

答案 0 :(得分:0)

h3文字居中对齐到旁边栏中,将其添加到现有的CSS中

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

如果您希望对齐侧栏中的所有文字,请添加此

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

答案 1 :(得分:0)

您应该创建一个aside容器并将其设为div

,而不是使用float: right标记

然后您可以使用更多div

将所有其他侧边栏放在该容器内

然后你可以很容易地调整他们的高度,因为他们都是独立的div,尽管如果你想让它具有响应性,我建议避免处理高度。最好是使用bootstrap。

至于制作文字中心,您可以使用text-align: center。无论div的哪个部分需要居中,您都可以将其添加到该部分的CSS中。

此外,目前所有aside代码都有float: left,它们应为float: right