2-6习题：怎么不换行呢，而且不知道什么时候用span，div，和p
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
h1 {
color: green;
}
a {
color: #009;
text-decoration: none;
}
.para1{
color: orange;
}
</style>
</head>
<body>
<h1>大话西游之大圣娶亲的影评</h1>
<a href="">热门/最新/好友</a>
<hr />
<div>
<a href="">罗弘霉素</a>
<p class="para1">★★★★★</p>
<p>2010-07--26</p>
<p>有人跟我比赛背台词么</p>
<p>阅读：1615</p>
<a href="">有用</a>
</div>
<hr />
<div>
<a href="">十七只猫和鱼</a>
<p class="para1">★★★★</p>
<p>2006-04--26</p>
<p>任何时候任何场合都可以再看一遍的电影</p>
<p>阅读：515</p>
<a href="">有用</a>
</div>
<hr />
<div>
<a href="">暖家男</a>
<p class="para1">★★★★</p>
<p>2006-04--22</p>
<p>一定有一些电影永远都不能被超越</p>
<p>阅读：490</p>
<a href="">有用</a>
</div>
<hr />
</body>
</html>
正在回答
同学你好，因为代码中p标签是块标签，块标签支持宽高、独占一行，所以会换行。建议使用行内标签（比如span、a）可以不会发生换行，如果需要换行的话，可以使用p标签包裹行内标签，参考代码如下：
关于div、p、span的使用：
一般情况下，div用于布局，将页面进行分区，一般作为最大的外层包裹元素。
p元素用于放置段落文字，也可以用于包裹行内元素，不建议包裹块级元素和自己，浏览器解析会出现问题。
span作为行内元素，一般用于行内分区，一行内不同样式、不同区域的内容可以使用span包裹。
祝学习愉快！
-
<!--老师这样可以啦吧！❤ -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<!-- div和p可以换行 -->
<style>
h1 {
color: green;
}
a {
color: #009;
text-decoration: none;
}
.para1 {
color: orange;
}
</style>
</head>
<body>
<h1>大话西游之大圣娶亲的影评</h1>
<a href="">热门/最新/好友</a>
<hr />
<div>
<p>
<a href="">罗弘霉素</a>
<span class="para1">★★★★★</span>
<span>2010-07--26</span>
</p>
<p>有人跟我比赛背台词么</p>
<p>
<span>阅读：1615</span>
<a href="">有用</a>
</p>
</div>
<hr />
<div>
<p>
<a href="">十七只猫和鱼</a>
<span class="para1">★★★★</span>
<span>2006-04--26</span>
</p>
<p><任何时候任何场合都可以再看一遍的电影</p>
<p>
<span>阅读：515</span>
<a href="">有用</a>
</p>
</div>
<hr />
<div>
<p>
<a href="">暖家男</a>
<span class="para1">★★★★</span>
<span>2006-04--22</span>
</p>
<p>一定有一些电影永远都不能被超越</p>
<p>
<span>阅读：490</span>
<a href="">有用</a>
</p>
</div>
<hr />
</body>
</html>
2021-07-25 16:47:46
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星