行为4 span3 - 当span3包裹在<a> tags causes last span3 to wrap</a>时

Question

我有一个包含4个跨度3的行 - 我想用作导航：

<div class="row">
    <div class="span3">Home</div>
    <div class="span3">About</div>
    <div class="span3">Our Stuff</div>
    <div class="span3">Contact Us</div>
</div>

这显示＆amp;反复调整大小。

如果我将div包裹在a标签中 - 最后一个span3会变得不对齐 - 即使开发人员工具显示相同的宽度：

如何将div标签包裹在a标签中，同时保持标准对齐？

Answer 1

您无法使用锚点div）

包裹a

这应该是解决方案：

<div class="row">
    <div class="span3"><a href="#">Home</a></div>
    <div class="span3"><a href="#">About</a></div>
    <div class="span3"><a href="#">Our Stuff</a></div>
    <div class="span3"><a href="#">Contact Us</a></div>
</div>

或

<div class="row">
    <a href="#"><span class="span3">Home</span></a>
    <a href="#"><span class="span3">About</span></a>
    <a href="#"><span class="span3">Our Stuff</span></a>
    <a href="#"><span class="span3">Contact Us</span></a>
</div>

PS：

显示谁想要帮助某些sample代码总是有用的。 这tool可能会对您有所帮助。可以找到另一个here。