简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > Tutorial H5 > teks badan

H5里图片中有缝隙应该如何解决

php中世界最好的语言
Lepaskan： 2018-01-12 10:01:18
asal
2865 orang telah melayarinya

这次给大家带来H5里图片中有缝隙应该如何解决，解决H5图片中缝隙的注意事项有哪些，下面就是实战案例，一起来看一下。

最近做h5的项目，碰到了一个百思不得其解的问题，几个img标签中间有大约3px的空隙

后来百度查了一番，大致了解了原因，是因为浏览器把元素当成了字，空隙是给一些对齐字母后仍然长出一截的（例如j,g）预留的。也找到了几种解决方法，亲测可行。

1，把body的font-size 设置成0；

这样做的时候要记得下面写div的时候给元素指定字号。

2,把

<img src="assets/img/turntable/lucky-turntable_07.jpg">
  <img src="assets/img/turntable/lucky-turntable_11.png" >
  <img src="assets/img/turntable/lucky-turntable_08.jpg">
Salin selepas log masuk

写成

<img src="assets/img/turntable/lucky-turntable_07.jpg"><img src="assets/img/turntable/lucky-turntable_11.png"><img src="assets/img/turntable/lucky-turntable_08.jpg">
Salin selepas log masuk

也就是说，把img标签写在同一行，中间不要有空格；

相信看了这些案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

相关阅读：

H5中视频与音频标签和进度条如何使用

H5与C3的新交互特性有哪些

H5的块级标签汇总

Atas ialah kandungan terperinci H5里图片中有缝隙应该如何解决. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
html5 如何
sumber：php.cn
Artikel sebelumnya：HTML5单页面手势滑屏切换如何实现 Artikel seterusnya：H5混合开发app如何升级
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Bagaimanakah saya boleh mendapatkan imej saya dipaparkan pada paparan utama halaman? Apa yang saya mahu lakukan ialah menerima beberapa gambar menggunakan NASAAPI. Foto-foto i...
daripada 2024-04-06 15:33:12
0
1
433
Bolehkah fail PDF menjalankan HTML5 dan Javascript? Saya mempunyai idea bodoh untuk mencuba dan membuat program yang tidak akan disekat pada m...
daripada 2024-04-05 12:57:00
0
1
456
Apakah perbezaan antara enctype dan formenctype dalam HTML5? Saya hanya tertanya-tanya apakah perbezaan antara atribut enctype dan formenctype dalam HT...
daripada 2024-04-02 11:47:56
0
1
275
Jadikan halaman itu mesra mudah alih? Saya mempunyai banyak halaman web dan beberapa laman web. Masalahnya, saya seorang pemula....
daripada 2024-04-01 20:42:38
0
1
259
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！