css如何让三张图片在一行里显示?

html-css0296

css如何让三张图片在一行里显示?,第1张

三个div代表上中下,上面用个div包裹一个div和一个ul,中间div里也是两个div表示上下两部分,这两部分里面又分左右两个div。最下的div里弄个P标签就行了。

让三张图在一行可以设置float:left或者float:right就行

css如何让三个div并排展示,其实就是设置一个浮动点,让三个div靠左或者靠右浮动;

主要标签用于:float:left(靠左对齐)float:right(靠右对齐):示例如下:

1、首先打开用到的编辑工具这里用DW

2、为了方便观察,我们把三个div设置三个背景颜色来观察,设置三个div样式这里取名:div1 div2 div3 并且引用三个样式;

详解:background:#颜色;是取的三个不同的div背景颜色;给三个div设置宽度为width:300px高度height:200px

3、展示出来的效果如图:

你上传的图片看不清楚呀,建议发个高清的截图呢。

<div>

<p>这里面是内容</p>

<img src='' />

</div>

因为文字是用P标签写的 是块级元素,所以他自己单独占一行。你想让图片和文字在同一行,可以让img标签 float:left

可以追问奥

-------满意采纳-----