试图解释问题是什么真的很困难，但是如果你看看我创建的JSFiddle，事情会更加清晰。
首先，您会注意到行的行高不相等，即使高度应该设置为 33%，因此所有行都应该同样高。遗憾的是，情况并非如此。
其次，有一个较长的链接应该被包裹在它自己的按钮内，此时按钮有点被切断了一半，造成了破损的外观。
同样，就我的特定问题而言，命名这篇文章真的很困难。看看 JSFiddle 会让事情变得更清楚。
//Ignore this comment
user818700
问问题
252 次
3 回答
1
我更新了您的代码并更改了您的 CSS。
Add float:left to #specialist-area-nav,#specialist-area-nav a,#specialist-area-nav .row, #specialist-area-nav .col;
Ad margin-top:1% to #specialist-area-nav .row;
Change #specialist-area-nav a padding to 5px;
Add margin-left:1% to #specialist-area-nav .col;
Change #specialist-area-nav .row height to 32%;
Add white-space: nowrap to #specialist-area-nav a;
于 2013-03-03T11:34:00.080 回答
1
这是因为定义的最大百分比宽度，按钮将在找到空白处被切成两半。要解决此问题，请将以下内容添加到您的代码中：
#specialist-area-nav a{
white-space: nowrap;
}
这将防止按钮断裂，并使它们保持相同的高度。
于 2013-03-03T11:40:35.107 回答
1
添加#specialist-area-nav a{ display:inline-block; }将解决一些问题，但你仍然需要做更多的调整。
于 2013-03-03T11:43:46.377 回答