全部
博文收录
Ada助手
问答

怎么让 p标签不换行啊

? ? ? ? 2020-03-24 01:50:31

<!DOCTYPE html>
<html><meta charset="utf-8">
<title></title>
<head>
<style type="text/css">
p{display: inline;}
h1{text-align: left;
font-size: 10;
font-size: 15px;
color: darkgray}
h2{color: red;}

h3{text-align: left;
}

.test strong{ font-size: 30px;
color: #006400;
}

.test1 span{color: #0000FF;}

</style>
<h1>普通段落文本<br>
指定了.special类的段落文本<br></h1>
<h2 class>指定了.special类的标题文本<hr/></h2>

<h3 class="test1"><span>段落文本</h3></span><span><p class="test"><strong>嵌套在段落中，使用strong标记定义的文本（红色）。</span></strong></p>
<h3>嵌套之外由strong标记定义的文本（蓝色）。</h3>

</head>
</html>

...全文

给本帖投票

用AI写文章

求教HTML的a标签如何跳转传参>>

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

神之左手 2020-03-27

打赏
举报

首先要说下你的HTML代码，请严谨的保证标签对的包含和嵌套，比如 <h3 class="test1"><span>段落文本</h3></span> 这段显然是有问题的，不严谨的代码浏览器虽然不会明确报错，但会带来一些不可预知的问题那么说下关于不换行，分为dom内容的不换行和dom容器不换行内容不换行可以如楼上所说定义容器的样式，例如 p{ white-space:nowrap;} 如此p标签的内部文本不会换行，如果内容多并且没有overflow:hidden配合，内容会超出容器如果是dom容器不换行，普通的块级元素可以使用float并配合一个足够宽的父级容器来实现另外可以把块级元素强制转换成行级或者行块级元素，并配合父级容器的white-space:nowrap来实现不换行，这种做法就是让原本是块级元素的dom变成行级元素，就好似把这些块级元素当成是其父级容器的文本内容了