课程
/前端开发
/HTML/CSS
/初识HTML(5)+CSS(3)-升级版
四张图片放在一起
2016-12-03
源自:初识HTML(5)+CSS(3)-升级版 7-3
正在回答
<img>标签本身就可以把图片排成一行。所以如题主所说,只要:
<img src="图片1" >
<img src="图片2" >
<img src="图片3" >
<img src="图片4" >
这样既可——只要img所在的盒子宽度足够长就行。
如果一行只显示了两个或一个图片,是因为盒子宽度不够,可以修改图片显示的尺寸解决
float:left或者display:inline-block
img 本身就是内敛元素,不会主动换行,只有你的图片尺寸比计大的时候才会换行,你把浏览器的尺寸缩小就又会看见他们出现在一行,如果不想缩小浏览器的话建议修改图片尺寸
<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">
举报
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
2 回答如何滑过图片放大图片呢
2 回答如何用一个图片做为一个链接
3 回答利用hover使图片放大如何写
5 回答如截图,怎么把缩进放在.fire位置而不放在li上,权重该如何写?
5 回答想要做成左右结构,如何写代码