这对于某些人来说应该很容易。我正在使用CSS创建选项卡(请注意,我不需要建议如何使它们看起来更好,这是我的客户想要的)。如下图所示,我的选项卡和“选项卡栏”没有对齐。我不知道为什么。
HTML代码如下:
CSS代码如下:
HTML代码如下:
<html>
<head>
<link rel="stylesheet" href="prototype.css" type="text/css" />
</head>
<body>
<div id="container">
<div id="content">
<div id="tabs">
<span id="tab0" class="tab">
No Circuit
</span>
<span id="tab1" class="tab">
Digital Inputs
</span>
</div>
</div>
</div>
</body>
<html>
CSS代码如下:
#container {
margin-left: auto;
margin-right: auto;
margin-top: 15px;
position: float;
width: 900px;
}
#content {
border: 1px solid black;
margin-top: 15px;
padding: 15px;
position: relative;
width: 868px;
}
#tabs {
border-top: 1px solid black;
width: 100%;
}
.tab {
border: 1px solid black;
margin-left: 5px;
margin-top: 2px;
padding: 3px;
}
我感激任何帮助。