Có thể hiển thị các div bên cạnh nhau mà không nổi?

Question

Tôi muốn đặt một số div s cạnh nhau trong một hàng. Tất cả div s có cùng chiều cao.

Here là cách thực hiện việc này bằng cách sử dụng float: left.

Điều này có thể thực hiện được nếu không sử dụng float không?

Answer 1

Tùy thuộc vào những gì bạn muốn làm. Bạn có thể sử dụng display: inline-block;

http://jsfiddle.net/sygL9/

Answer 2

Bạn có thể sử dụng display: inline-block. Nhưng tiếc là một số trình duyệt (một số phiên bản IE) không hỗ trợ nó.

http://www.brunildo.org/test/inline-block.html

http://www.quirksmode.org/css/display.html

Answer 3

một yếu tố display: block là (hiệu quả) sẽ có một ngắt dòng ở cuối. Một tùy chọn sẽ cho phép bạn giữ các kiểu phần tử khối, trong khi đặt nó trong luồng trang được đặt display: inline-block (tất nhiên, với some additional work để có nghĩa là hoạt động)

Một tùy chọn khác là lồng chúng, đặt tất cả thành position: relative và sử dụng quy tắc left để căn chỉnh chúng.

Answer 4

Nếu bạn có khả năng để thay đổi divs để khoảng yếu tố, điều đó sẽ khắc phục vấn đề mà không sử dụng CSS

<span></span><span></span><span></span><span></span> 

Answer 5

#together { 
 
    position: absolute; 
 
    display: inline-block; 
 
\t margin;left:10px; 
 
\t background-color:lightblue; 
 
\t width:500px; 
 
\t border:4px double blue; 
 
}

<div id="together" style="left:10px">first div</div> 
 
<div id="together" style="left:520px">second div</div> 
 
<div id="together" style="left:1030px">third div</div> 
 
<div id="together" style="left:1540px">fourth div</div> 
 
<div id="together" style="left:2050px">fifth div</div> 
 
<div id="together" style="left:2560px">sixth div</div> 
 
<div id="together" style="left:3070px">seventh div</div>

Ở đây bạn đang có, với bảy div trong một hàng