Hãy một động thái <a> thẻ vào một dòng mới, mà không sử dụng "display: block"

Question

Tôi muốn các liên kết điều hướng trên this page từng xuất hiện trên một dòng riêng của họ:

A. Nếu không sử dụng "display:block" - như làm cho hoạt ảnh di chuột chiếm toàn bộ chiều rộng của vùng chứa, không chỉ yếu tố <a>.

B. Không sử dụng <br> thẻ, vì tôi cuối cùng tìm cách tạo trang web đáp ứng với điều hướng ngang trên màn hình nhỏ hơn.

Cảm ơn sự giúp đỡ của bạn.

Answer 1

Bạn đã thử float:left; clear:left?

Answer 2

bọc bạn di chuyển trong ul, li:

<ul> 
    <li><a href="#">Link 1</a></li> 
    <li><a href="#">Link 2</a></li> 
    <li><a href="#">Link 3</a></li> 
    <li><a href="#">Link 4</a></li> 
</ul> 

css:

ul {list-style: none} li {display: block}

này cho phép bạn phong cách neo bạn cho phù hợp khi buộc họ phải phá vỡ dây chuyền.

Answer 3

Bạn có thể quấn <a> trong số <div> và áp dụng CSS cho div 's float:left, clear:left;

div.anchorContainer 
{ 
    float:left; 
    clear:left; 
} 

<div class="anchorContainer"> 
    <a href="#">text</a> 
</div> 

<div class="anchorContainer"> 
    <a href="#">text</a> 
</div> 

<div class="anchorContainer"> 
    <a href="#">text</a> 
</div>