html图片如何压缩不换行,css如何让段落p不换行？

css如何让段落p不换行？下面本篇文章就来给大家介绍一下设置方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

下面先了解一下段落p标签。

标签定义段落。

p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，您也可以在样式表中规定。

p 元素是一个块状元素，每个块级元素都是独自占一行。

默认情况下p标签会自动换行的，下面我们来看一下使用css设置段落p标签不换行的方法：

1、使用display:inline让p转换为行内元素

行内元素一般是内容的容器，一般情况下，行内元素只能包含内容或者其它行内元素，宽度和长度依据内容而定，不可以设置，可以和其它元素和平共处于一行。行内元素适合显示具体内容。

行内元素的特点：

1、和其他元素都在一行上；

2、高度、行高和顶以及底边距都不可改变；

3、宽度就是它的文字或图片的宽度，不可改变。

示例

css代码p{display: inline;}

HTML代码

aaa

bbb

效果图：

2、使用float属性让p元素脱离普通标准流的控制

浮动的元素脱离了标准文档流，摆脱块级元素和行内元素的限制。

示例：

p {

float: left;

border: 1px solid red;

}

第一个段落

第二个段落

第三个段落

第四个段落