Bảng HTML cần khoảng cách giữa các cột, không phải hàng

Question

Tôi có một bảng HTML. Tôi cần phải có khoảng cách giữa các cột trong bảng, chứ không phải các hàng trong bảng.

Nếu tôi sử dụng thuộc tính css cellspacing css, nó sẽ nằm giữa hai hàng và cột. Tôi cũng không thể sử dụng css trong những gì tôi làm. Tôi cần sử dụng html thuần túy

Answer 1

Nếu bạn có thể sử dụng kiểu nội tuyến, bạn có thể đặt đệm trái và phải trên mỗi td .. Hoặc bạn sử dụng thêm td giữa các cột và đặt một số khoảng trắng không bị vỡ như @rene vui lòng đề nghị.

http://jsfiddle.net/u5mN4/

http://jsfiddle.net/u5mN4/1/

Cả hai đều khá xấu xí; p css ftw

Answer 2

<table cellpadding="pixels"cellspacing="pixels"></table> 
<td align="position"valign="position"></td> 

cellpadding = "chiều dài bằng pixel" ~ Thuộc tính cellpadding, được sử dụng trong thẻ <table>, quy định cụ thể bao nhiêu khoảng trống để hiển thị ở giữa nội dung của mỗi ô bảng và đường viền tương ứng của nó. Giá trị được định nghĩa là độ dài tính bằng pixel. Do đó, một cặp giá trị-giá trị cellpadding="10" sẽ hiển thị 10 pixel của khoảng trắng trên tất cả bốn mặt của nội dung của mỗi ô trong bảng đó.

cellspacing = "length in pixels" ~ Thuộc tính cellspacing, cũng được sử dụng trong thẻ <table>, xác định khoảng trống để hiển thị giữa các ô bảng lân cận và giữa các ô bảng và đường viền bảng. Giá trị được định nghĩa là độ dài tính bằng pixel. Do đó, một cặp giá trị thuộc tính cellspacing="10" sẽ phân tách theo chiều ngang và chiều dọc tất cả các ô liền kề trong bảng tương ứng với độ dài là 10 pixel. Nó cũng sẽ bù đắp tất cả các ô từ khung của bảng trên tất cả bốn cạnh theo chiều dài 10 pixel.