Không có dòng mới sau div?

Question

Có cách nào để không có dòng mới được chèn trước div mà không sử dụng float: left trên phần tử trước không?

Có thể một số thẻ trên div sẽ chỉ đặt ở bên phải?

Answer 1

Không có newline, chỉ là div là một yếu tố khối.

Bạn có thể tạo nội tuyến div bằng cách thêm display: inline, có thể là những gì bạn muốn.

Answer 2

<div style="display: inline">Is this what you meant?</div> 

Answer 3

div.noWrap { 
    display: inline; 
    } 

Answer 4

Trích dẫn ông ban đầu Man từ here:

Thay vì điều này:

<div id="Top" class="info"></div><a href="#" class="a_info"></a> 

Sử dụng này:

<span id="Top" class="info"></span><a href="#" class="a_info"></a> 

Ngoài ra, bạn có thể sử dụng này:

<div id="Top" class="info"><a href="#" class="a_info"></a></div> 

Và gostbustaz:

Nếu bạn absoultely phải sử dụng một <div>, bạn có thể đặt

div { 
    display: inline; 
} 

trong stylesheet của bạn.

Tất nhiên, về cơ bản, hãy làm cho <div> a <span>.

Answer 5

Bạn đã cân nhắc sử dụng span thay vì div? Đây là phiên bản trực tuyến của div.

Answer 6

này hoạt động giống như ma thuật, sử dụng nó trong file CSS trên div bạn muốn có trên dòng sản phẩm mới:

.div_class { 
    clear: left; 
} 

Hoặc khai báo nó trong html:

<div style="clear: left"> 
    <!-- Content... --> 
</div>