扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这篇文章主要为大家展示了css中p标签如何设置不换行，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带大家一起来研究并学习一下“css中p标签如何设置不换行”这篇文章吧。
成都创新互联是一家从事企业网站建设、网站建设、成都做网站、行业门户网站建设、网页设计制作的专业网站建设公司，拥有经验丰富的网站建设工程师和网页设计人员，具备各种规模与类型网站建设的实力，在网站建设领域树立了自己独特的设计风格。自公司成立以来曾独立设计制作的站点1000+。
css是一种用来表现HTML或XML等文件样式的计算机语言，主要是用来设计网页的样式，使网页更加美化。它也是一种定义样式结构如字体、颜色、位置等的语言，并且css样式可以直接存储于HTML网页或者单独的样式单文件中，而样式规则的优先级由css根据这个层次结构决定，从而实现级联效果，发展至今，css不仅能装饰网页，也可以配合各种脚本对于网页进行格式化。
css p标签设置不换行的方法：首先创建一个HTML示例文件；然后定义一些p标签；最后通过给p标签添加css样式为“p{display: inline;}”来实现不换行显示即可。
css如何设置p标签不换行？
p标签是块级元素，会独占一行。如果我们想要设置两个p标签在同一行该如何设置呢？下面我们来看一下使用css设置p标签不换行的方法。
默认情况下p标签会自动换行的，下面我们来看一下使用css设置p标签不换行的方法：
示例
css代码
p{display: inline;}HTML代码
aaa
bbb
效果图：
我们使用了display:inline样式使p标签不换行。
display样式介绍：
display 属性规定元素应该生成的框的类型。
这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型，如果使用 display 不谨慎会很危险，因为可能违反 HTML 中已经定义的显示层次结构。对于 XML，由于 XML 没有内置的这种层次结构，所有 display 是绝对必要的。
【学习视频分享：css视频教程】
属性值：
none 此元素不会被显示。
block 此元素将显示为块级元素，此元素前后会带有换行符。
inline 默认。此元素会被显示为内联元素，元素前后没有换行符。
inline-block 行内块元素。（CSS2.1 新增的值）
list-item 此元素会作为列表显示。
run-in 此元素会根据上下文作为块级元素或内联元素显示。
compact CSS 中有值 compact，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。
marker CSS 中有值 marker，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。
table 此元素会作为块级表格来显示（类似
| 和 | ） table-caption 此元素会作为一个表格标题显示（类似 inherit 规定应该从父元素继承 display 属性的值。 以上就是关于“css中p标签如何设置不换行”的内容，如果改文章对你有所帮助并觉得写得不错，劳请分享给你的好友一起学习新知识，若想了解更多相关知识内容，请多多关注创新互联行业资讯频道。 网页标题：css中p标签如何设置不换行 链接URL：http://kswjz.com/article/iepsgi.html  扫二维码与项目经理沟通我们在微信上24小时期待你的声音 解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流 其他资讯
|
|---|