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;
}
第一个段落
第二个段落
第三个段落
第四个段落