Khoảng cách thêm sau thẻ A Tag/img?

Question

Xin chào tôi đang cố gắng xây dựng một ô bảng bằng cách sử dụng thẻ div và trong khi làm như vậy. tôi nhận được khoảng cách thêm sau khi img một thẻ trong ô.

<div display:table> 
<div display:row> 
    <div display:tabel-cell> 
    <a><img/></a> 

Tôi không thể tìm ra cách để loại bỏ khoảng trống thừa đó.

tôi đã thử hiển thị: nội tuyến cho thẻ a và thẻ img. nhưng không may mắn.

nếu có ai có thể giúp tôi loại bỏ khoảng cách này, tôi sẽ sẵn sàng đánh giá cao điều đó.

Ví dụ - ngay trước khi shadowing có một không gian trắng 2-3 điểm ảnh trong tabel cell này

Answer 1

Ngoài thực tế là bạn nên sử dụng bảng cho dữ liệu dạng bảng, tôi nghĩ rằng thiết lập display: block trên hình ảnh sẽ xóa không gian. Nếu nó không hoạt động, hãy thử tạo một trang jsFiddle để hiển thị vấn đề.

Answer 2

Hãy thử thiết lập margin: 0 và padding: 0 trên các yếu tố có thừa khoảng trống này. Nó thường là một ý tưởng tốt để thực hiện một số loại CSS Reset để đảm bảo tất cả các yếu tố được xóa của các thuộc tính mặc định gây phiền nhiễu như lề và đệm.

Answer 3

Đó không gian có thể được gỡ bỏ bằng:

style="display:block;"