HTML - hai bảng cạnh nhau

thể trùng lặp:
Trying to get tables next to each other horizontal HTML - hai bảng cạnh nhau

Tôi đã hai bảng html đã tạo. Làm thế nào tôi có thể đặt chúng cạnh nhau thay vì 1 bên trên khác?

2012-07-27 Matt Stokes

Bạn có thể tạo kiểu cho họ với CSS: http://en.wikipedia.org/wiki/Cascading_Style_Sheets – David

Xin chào Matt, Chào mừng bạn đến với Stack Overflow! Bạn có thể cung cấp mẫu mã hiện tại của mình không? Điều đó sẽ giúp chúng tôi tìm ra bạn đang làm gì và giúp bạn trả lời câu hỏi của mình dễ dàng hơn. Ngoài ra, hãy chắc chắn để kiểm tra http://stackoverflow.com/questions/how-to-ask –

Tùy thuộc vào nội dung của bạn và không gian, bạn có thể sử dụng phao hoặc hiển thị nội tuyến:

<table style="display: inline-block;"> 

<table style="float: left;">

Kiểm tra nó ra ở đây: http://jsfiddle.net/SM769/

Documentation

CSS display trên MDN - https://developer.mozilla.org/en/CSS:display
CSS float trên MDN - https://developer.mozilla.org/en/CSS/float

Nguồn

2012-07-27 15:01:51

Tôi không nghĩ rằng việc đặt ['display'] (https://developer.mozilla.org/en-US/docs/Web/CSS/display) thành chặn nội tuyến phải là câu trả lời được chấp nhận, vì ´

Yếu tố 'nên rõ ràng có thuộc tính' hiển thị 'được đặt thành' không thể '. Nếu không, nó không hoạt động giống như một cái bàn. – WoIIe

Với CSS: table {float:left;}?

Nguồn

2012-07-27 14:54:34

Bạn có thể đặt bảng của bạn trong một div và thêm phong cách cho bàn của bạn "float: left"

<div> 
    <table style="float: left"> 
    <tr> 
     <td>..</td> 
    </tr> 
    </table> 
    <table style="float: left"> 
    <tr> 
     <td>..</td> 
    </tr> 
    </table> 
</div>

hoặc đơn giản là sử dụng css:

div>table { 
    float: left 
}

Nguồn

2012-07-27 14:57:09

Như tôi đã đề cập trên câu trả lời của họhz, divs gói là không cần thiết. Nói chung, một cố gắng đạt được bản trình bày mong muốn bằng cách sử dụng càng ít thẻ càng tốt. –

có mà không có div cũng nổi hoạt động trái –

<div style="float: left"> 
    <table> 
    <tr> 
     <td>..</td> 
    </tr> 
    </table> 
</div> 
<div style="float: left"> 
    <table> 
    <tr> 
     <td>..</td> 
    </tr> 
    </table> 
</div>

Nguồn

2012-07-27 14:59:53 themis

div gói là không cần thiết - bạn có thể nổi các bảng tự. Việc thêm các div chỉ thêm nhiều đánh dấu, không cần thiết. –

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

HTML - hai bảng cạnh nhau

Trả lời

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