css中图片和文字怎么并排显示、等。 2. 行内元素 行内元素在默认情况下会出现在一行中，可以和其他行内元素并排显示，但是不能设置宽度和高度。例如：、、等。 3. 行内块元素 行内块元素可以看作是行内元素和块级元素的结合体，可以设置宽度、高度和对齐方式，还能与其他行内元素并排显示。例如：、、等。 接下来，我们来看怎么让图片和文字并排显示： 代码如下： 文字内容 p { display: inline-block; } img { float: left; margin-right:

CSS中图片和文字怎么并排显示？ CSS可以为网页中的各种元素添加各种不同的样式，其中最基本的就是控制文字和图片的显示。如何让图片和文字并排显示呢？下面我来具体介绍一下。 首先，我们需要使用CSS中的display属性来设置盒子的显示方式。有三种常用的方式： 1. 块级元素 块级元素以独立的块显示，在默认情况下会占据一行或多行的宽度，不能与其他元素并排显示。例如：

、

、

等。 2. 行内元素 行内元素在默认情况下会出现在一行中，可以和其他行内元素并排显示，但是不能设置宽度和高度。例如：、、等。 3. 行内块元素 行内块元素可以看作是行内元素和块级元素的结合体，可以设置宽度、高度和对齐方式，还能与其他行内元素并排显示。例如：、、等。 接下来，我们来看怎么让图片和文字并排显示： 代码如下：

文字内容

p {
  display: inline-block;
}
img {
  float: left;
  margin-right: 10px;
}

我们先将p标签的display属性设置为inline-block，使p标签变成行内块元素，以便让图片和文字并列显示。然后给图片添加一个浮动属性float: left，使图片靠左显示，同时为了防止图片与文字之间紧贴在一起，设置一下右边距为10像素。最后，我们可以根据需要添加其它样式，如文字大小、颜色等。 使用上述方法，可以很轻松地将图片和文字并排显示。如果你想让多张图片和文字并排显示，只需要重复以上代码即可。

上一篇：css3 点击表单边框颜色 下一篇：css倒三角怎么设置