Ô bảng đáp ứng cho dòng mới

Question

Có trang web nội dung của bên thứ ba mà tôi phải "EMBED" qua nội dung động, tôi không biết Ajax hoặc Jquery tại thời điểm này vì vậy tôi tự hỏi liệu có thể chuyển một ô bảng xuống không đến một dòng mới về cơ bản tạo một hàng mới.

Các nhúng kết thúc với:

<table> 
<tr> 
<td></td> 
<td></td> 
</tr> 
</table> 

Không có lớp học hoặc ID của đặt trong bảng, tuy nhiên nó là bảng chỉ trên trang và nó có quá nhiều nội dung để phù hợp trên cùng một dòng, đây là cho một trang web di động vì vậy tôi đã có để làm cho toàn bộ trang 320 pixel rộng.

Có thể sử dụng CSS một mình không?

Tôi không thể chèn HTML mới, nội dung được tạo động từ máy chủ bảo mật mà chúng tôi không có quyền truy cập, nhưng chúng tôi sử dụng khóa API để truy cập .. mediaqueries hoạt động.

tôi đang cố gắng thử nghiệm với một cái gì đó dọc theo dòng:

td {clear:both;} 

Answer 1

Bạn có thể đặt td-display:block; sau đó tất cả họ sẽ phải chịu eachother.

HTML

<table> 
    <tr> 
     <td>1</td> 
     <td>2</td> 
    </tr> 
</table> 

CSS

td{ 
    display:block; 
} 

Xem ở đây: http://jsfiddle.net/hDsts/

Answer 2

giải pháp khác (khi display: block; không hoạt động) là sử dụng inline-block:

CSS

td { 
    display: inline-block; 
}