2010-08-09 41 views
17

Dưới đây là hai nhịp (trong cuộc sống thực có nhiều nhịp) nằm ở trang web. Tôi muốn thiết lập khoảng cách giữa chúng. Tôi muốn sử dụng thuộc tính margin-bottom cho điều này, nhưng tôi không thể thấy bất kỳ ảnh hưởng nào của việc sử dụng nó. Các nhịp vẫn nằm ở vị trí trước đó. Điều đó là sai. Đây là mã của tôi:Đặt khoảng cách giữa các nhịp sử dụng lề

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 
    <title></title> 
    <style type="text/css"> 
     .position, .name{ 
      overflow: hidden; 
     } 

     .position{ 
      margin-bottom: 40px; 
     } 
    </style> 
</head> 
<body> 
    <span class="position">Designer</span><br/> 
    <span class="name">John Smith</span> 
</body> 
</html> 

Trả lời

43

span là một yếu tố nội tuyến, không phải là một yếu tố ngăn chặn, và họ không tôn trọng (dọc) margin. Bạn có thể sử dụng padding hoặc làm cho span display:inline-block; và sau đó sử dụng lề. Cái sau được hỗ trợ trong hầu hết các trình duyệt mới hơn.

+1

Tôi đồng ý chỉ một phần với bạn khi bạn nói rằng khoảng thời gian đó không tôn trọng lề. Nó tôn trọng lề, nhưng chỉ trái và phải. Không phải trên cùng và dưới cùng. – Devner

+1

Có, đó là chính xác, CSS2.1 [xác định các yếu tố nội tuyến để tôn trọng lề ngang] (http://www.w3.org/TR/CSS21/visuren.html#inline-formatting). Ở đây vấn đề là với căn chỉnh theo chiều dọc, do đó lề không hoạt động. – Pascal

+0

Tôi đang vội vã ngay bây giờ nhưng phần đệm trên đầu không hiệu quả đối với tôi. Tôi đã kết thúc bằng cách sử dụng một div. O tốt. –

0

Tôi cho rằng chiều cao dòng là thứ bạn đang tìm kiếm.

Các vấn đề liên quan