愿所有的美好和期待都能如约而至

将块级<span&元素放入<p&元素中

发布时间:  来源:互联网  作者:匿名  标签:block error Putting a block level <span> element i  热度:37.5℃

本文介绍了将块级<span&元素放入<p&元素中的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我知道<p>将专门用于内联元素。但是,如果使用{ display:block }将类似<span>的内联元素更改为块级元素并将其包含在<p>中怎么办?

<html>
<head>
<style>

  p {
    background: red;
    height: 100px;
    width: 100px;
    }

  p span {
    display: block;
    background: blue;
    height: 50px;
    width: 50px;
    }

</style>
</head>

<body>

<p>
  <span>I am a pizza</span>
</p>

</body>
</html>

这个词在任何意义上都是错误的吗?我知道这并不常见(即。大多数人会问我为什么不直接使用div),但这只是一种假设情况。它通过了验证测试,但它是不是像所有该死的/糟糕的做法一样草率?如果你读了那个代码,你会嗤之以鼻吗?

推荐答案

它是HTML5有效的,在某些情况下并不是那么糟糕,例如

<p>
   This is some text <span class="highlight">I am a pizza</span> and this is some more text...
</p>

.highlight {
  background: yellow;
}

这篇关于将块级&amp;lt;span&amp;元素放入&amp;lt;p&amp;元素中的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,

勇敢去编程!

勇敢的热爱编程,未来的你一定会大放异彩,未来的生活一定会因编程更好!

TOP