HTML 两部分图片间距过大如何修改 html如何完全去掉图片之间的间距

css\u4e2d\u5982\u4f55\u8bbe\u7f6e\u4e24\u4e2a\u56fe\u7247\u4e4b\u95f4\u7684\u8ddd\u79bb

1\u3001css\u8bbe\u7f6e\u56fe\u7247\u8ddd\u79bb\u53ef\u4ee5\u7528\u76d2\u5b50\u6a21\u578b\u7684margin\u5c5e\u6027\u3002\u64cd\u4f5c\u65b9\u6cd5\u9996\u5148\u7528html\u7f16\u8f91\u5668\u65b0\u5efa\u4e00\u4e2ahtml\u6587\u4ef6\uff0c\u91cc\u9762\u653e\u5165\u51e0\u5f20\u56fe\u7247\uff1a

2\u3001\u7136\u540e\u5728\u4e0a\u65b9\u7684style\u4e2d\u8bbe\u7f6ecss\u7684\u6837\u5f0f\uff0c\u8bbe\u7f6eimg\u7684margin\u5c5e\u6027\u4e3a\u201c0 30px\u201d\u5373\u53ef\uff0c\u5176\u4e2d\u524d\u4e00\u4e2a\u6570\u5b57\u8868\u793a\u4e0a\u4e0b\u7684\u8ddd\u79bb\uff0c\u540e\u4e00\u4e2a\u6570\u5b57\u8868\u793a\u5de6\u53f3\u7684\u8ddd\u79bb\u3002\u6700\u540e\u5728\u8c03\u6574\u7edf\u4e00\u4e00\u4e0b\u56fe\u7247\u7684\u5927\u5c0f\uff0c\u65b9\u4fbf\u89c2\u5bdf\u6548\u679c\uff1a

3\u3001\u6700\u540e\u6253\u5f00\u6d4f\u89c8\u5668\uff0c\u5c31\u4f1a\u770b\u52302\u5f20\u56fe\u7247\u4e4b\u95f4\u662f\u6709\u8ddd\u79bb\u7684\u6548\u679c\u4e86\uff1a

1\u3001\u6253\u5f00html\u5f00\u53d1\u5de5\u5177\uff0c\u65b0\u5efa\u4e00\u4e2ahtml\u9875\u9762\u3002

2\u3001\u5728html\u9875\u9762\u521b\u5efa\u4e00\u4e2adiv\u6807\u7b7e\uff0c\u7136\u540e\u5728div\u6807\u7b7e\u91cc\u521b\u5efa5\u4e2aa\u6807\u7b7e\u3002

3\u3001\u4e3a\u4e86\u770b\u5f97\u66f4\u52a0\u660e\u663e\uff0c\u6211\u4eec\u5c06\u5bf9\u65b0\u5efa\u7684div\u6807\u7b7e\u3001a\u6807\u7b7e\u8bbe\u7f6e\u6837\u5f0f\uff0c\u7136\u540e\u4f7f\u7528\u6d4f\u89c8\u5668\u6253\u5f00html\u9875\u9762\uff0c\u53d1\u73b0a\u6807\u7b7e\u4e4b\u95f4\u662f\u5b58\u5728\u95f4\u8ddd\u7684\u3002

4\u3001\u628aa\u6807\u7b7e\u7684\u4ee3\u7801\u663e\u793a\u4e3a\u4e00\u884c\uff0c\u7136\u540e\u518dhtml\u9875\u9762\u5237\u65b0\u6d4f\u89c8\u5668\u67e5\u770b\u6548\u679c\uff0c\u53d1\u73b0a\u6807\u7b7e\u4e4b\u95f4\u7684\u95f4\u8ddd\u4e0d\u89c1\u4e86\u3002

5\u3001\u628aa\u6807\u7b7e\u8fd8\u662f\u6062\u590d\u4e3a\u6bcf\u4e2a\u6807\u7b7e\u663e\u793a\u4e00\u884c\uff0c\u7136\u540e\u8bbe\u7f6ea\u6807\u7b7e\u7236\u7c7b\u7684\u6837\u5f0f\u4e3a\uff1afont-size:0\u3002

6\u3001font-size:14px; \u6700\u540e\u5728\u6d4f\u89c8\u5668\u4e0a\u5237\u65b0\u9875\u9762\u53d1\u73b0a\u6807\u7b7e\u4e4b\u95f4\u7684\u95f4\u8ddd\u6ca1\u6709\u4e86\u3002

看到黑圆点下面的div了没<div style=" margin:115px 50px 30px 50px...>margin top上面空的距离太大了.115px改成小点的就上下距离小了,谢谢.希望能够帮助你.

修改的时候注意整体都要修改，不要只修改里面的，不修改外面的，补充下楼上的老兄

扩展阅读：win10图标无故间距过大 ... 照片怎么缩小kb ... html图片与文字并排 ... html文字与图片间隔 ... html5文字在图片右侧 ... 自动生成目录间距过大 ... html如何使第一个文字变大 ... html文字挨在图片右边 ... html图片与图片之间的距离 ...