在html中,如何让几个图片并列排成一列?最好不使用table

qq_45157430 2019-06-16 02:37:56
我想让三张图片在显示的时候并列排成一列,图片与图片之间无缝连接。然后发现两盒子之间有缝不太好。
...全文
4724 9 打赏 收藏 转发到动态 举报
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
淡水行舟 2019-09-11
  • 打赏
  • 举报
回复
img{margin:0;padding:0}
宁娃儿 2019-09-09
  • 打赏
  • 举报
回复
flex 定位
  • 打赏
  • 举报
回复
在一个div中包含三个img,然后设置宽高就可以了
毒猫 2019-08-06
  • 打赏
  • 举报
回复
使用浮动,给够宽度,就能够在一行显示,float:left;或者float:right;, 如果想再去掉图片下方的间隙,使用vertical-align:middle;
#麻辣小龙虾# 2019-07-30
  • 打赏
  • 举报
回复
你有间隙是因为img标签属于inline-block元素,如果你标签是用回车换行的方式编写,浏览器会识别成换行字符,会有间隙产生,只要在父元素设置font-size:0,或者三个img标签连着写<img src="" /><img src="" /><img src="" />类似这样,不要换行就可以了。
Lionsight_1024 2019-06-17
  • 打赏
  • 举报
回复
用浮动就行,假如你的盒子容器宽度够大,就不会换行。代码就是float:left;盒子宽度=3倍图片宽度
斩丶红月残影 2019-06-16
  • 打赏
  • 举报
回复
设display 为 inline-block就可以了
天际的海浪 2019-06-16
  • 打赏
  • 举报
回复
img标签之间不要有空格或换行
yepp13 2019-06-16
  • 打赏
  • 举报
回复
把3张图片放在3个div里面,设置div的border margin padding为0

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧