中间按钮可能的花样
迈克
我正在创建一个主页，为此，我在视口顶部放置了一个导航栏。导航栏包含一些按钮，请注意，这些按钮应将用户从一个部分导航到另一部分。但实际上它们位于左侧。无论有2、3、4或5个以上的按钮，我都希望它们居中。整个“按钮行”应准确居中。
或在图片中交谈：
完成此任务的常见/可能模式是什么？
我在心中唯一的模式是宽度添加到该按钮home和ubuntu最后加margin 0 auto。
我的navigationbar.css（紫色栏）：
#navigationBar {
background-color:#660099;
}
.navigationButton {
background-color:transparent;
border-bottom:2px solid transparent;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:arial;
font-size:17px;
padding:16px 31px;
text-decoration:none;
text-shadow:0px 1px 0px #2f6627;
}
.navigationButton:hover {
background-color:transparent;
border-bottom:2px solid #18ab29;
}
.navigationButton:active {
position:relative;
top:1px;
}
我的home.html：
<!DOCTYPE html>
<html>
<head>
<title>Ubuntu</title>
<link rel="stylesheet" type="text/css" href="style/general.css" />
<link rel="stylesheet" type="text/css" href="style/navigationBar.css" />
</head>
<body>
<div id="navigationBar">
<a href="home.html" class="navigationButton">Home</a>
<a href="ubuntuOverview.html" class="navigationButton">Ubuntu</a>
</div>
</body>
</html>
希望有人能帮忙！
穆库尔·康德
添加此：-
#navigationBar {
background-color:#660099;
text-align:center;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
中间的旋钮显示按钮
- 2
表单中间的提交按钮
- 3
图像中间的中心按钮
- 4
按钮中间的进度条
- 5
Xinput按钮映射和中间按钮仿真
- 6
在两个 div 的中间和中间添加按钮
- 7
中间两行按钮标题
- 8
如何在<hr>的中间插入按钮
- 9
自动布局-中间5个按钮
- 10
如何在中间的Java中对齐按钮
- 11
Bootstrap带圆圈的按钮，数字位于中间
- 12
按住中间按钮时滚动鼠标移动
- 13
Twitter Bootstrap按钮水平中间对齐
- 14
如何在TableRow中间隔图像按钮？
- 15
如何将菜单按钮置于中间？
- 16
将引导程序按钮放在部分中间
- 17
如何禁用 Chrome 中的中间按钮滚动
- 18
CSS在中间垂直对齐文本/按钮
- 19
使按钮的一侧从中间弯曲
- 20
将 ImageView 放在中间的按钮上方
- 21
在中间袭击中，男人有可能吗？
- 22
如果找到花样，则删除花括号块
- 23
从序列中心找到最长的花样延伸
- 24
为什么将中间按钮映射到粘贴？
- 25
在一个特定的HID上停用中间按钮粘贴
- 26
如何在Bootstrap 3中间隔垂直堆叠的按钮
- 27
将我的编辑文本和按钮放在布局的中间
- 28
引导程序中间的按钮组和文本框
- 29
列引导程序中间的垂直对齐按钮
我来说两句