问答详情
源自:7-3 瞧瞧css的庐山真面目吧 - CSS代码语法

要想把图片放在一行里,如何做

四张图片放在一起

提问者:小皮鞋 2016-12-03 16:51

个回答

  • 慕粉0015182821
    2016-12-03 20:13:46

    <img>标签本身就可以把图片排成一行。所以如题主所说,只要:

    <img src="图片1" >

    <img src="图片2" >

    <img src="图片3" >

    <img src="图片4" >

    这样既可——只要img所在的盒子宽度足够长就行。

    如果一行只显示了两个或一个图片,是因为盒子宽度不够,可以修改图片显示的尺寸解决

  • stone310
    2016-12-03 17:05:33

    float:left或者display:inline-block

  • 清年夏年
    2016-12-03 17:00:39

    img 本身就是内敛元素,不会主动换行,只有你的图片尺寸比计大的时候才会换行,你把浏览器的尺寸缩小就又会看见他们出现在一行,如果不想缩小浏览器的话建议修改图片尺寸

    584289ac00012d5505000316.jpg

    584289b100017f9905000131.jpg


  • Max4414042
    2016-12-03 16:57:24

    <img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">