Question

在Chrome中，未显示。 The fiddle for the whole website is here

如果我删除或在之前设置，则所有CSS需要使其看起来很好。

其中一个部分的HTML

<p class="text-box">Du mister beskyttelsen ved å gjøre en av disse tingene</p>
            <b><p class="text-box">Som Traitor</p></b>
        <p class="text-box"
   <span class="co">Skyte med våpen
            <br>Prop kill</br>
            <br>Goomba stomp</br>
            <br>Dra ut et traitor våpen</br>
            <br>Eller hvis for mange spillere er proven</br>
  </span></p>

CSS

    .co {
    font-family: 'Consolas', 'monospace';
    padding: 2px;
    display: inline-block;
    background-color: rgb(64,64,64);
    color: white;
    font-size: 12px;
    border-radius: 2px;
    }

    .box-wrap {
    width: 100%;
    height: auto;
    margin: 20px 0 0 0;
    -webkit-box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.2);
    box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.2);
    }

.box-wrap p {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 18px;
    padding: 5px 30px;
    overflow: hidden;
    text-align: justify;
    width: 640px;
    height: auto;
    background: #ffffff;
    color: #717171;
}

我陷入了困境，我不知道该怎么做

Answer 1

您需要修复所有标记，以便它们关闭并且它应该正常工作...我还清理了您的小提琴，以便您不会有不必要的代码...

http://jsfiddle.net/Gu7gC/2/

<p class="text-box"> <--- This is what you need to fix
   <span class="co">Skyte med våpen
            Prop kill<br/>
            Goomba stomp<br/>
            Dra ut et traitor våpen<br/>
            Eller hvis for mange spillere er proven<br/>
  </span>
</p>

Answer 2

小提琴包含一些严重的错误，许多标签没有正确关闭，如果你查看代码，你会看到一些标记为红色的代码，这些代码没有正确关闭，最有可能导致你的问题。

Answer 3

你错过了关闭

 Skyte med våpen Prop kill Goomba stomp Dra ut et traitor våpen Eller hvis for mange spillere er proven 

并确保所有标签都关闭。

span就像div一样的内容持有者。所以最好使用span来保存p标签而不是在p标签内使用span。

Answer 4

不正确的DOM是导致问题的原因。请先纠正。以下是一个例子。

<p class="text-box">
     Du mister beskyttelsen ved å gjøre en av disse tingene
</p>
<p class="text-box">Som Traitor</p>
<p class="text-box">
    <span class="co">
        Skyte med våpen
        Prop kill<br />
        Goomba stomp<br />
        Dra ut et traitor våpen<br />
        Eller hvis for mange spillere er proven<br />
    </span>
</p>

我觉得你必须检查HTML标签和用法。例如，br标签是单例标签。即，它没有使用的开始（ ）和结束（）标签。其 

另一个实例是'span'是内联元素，'p'是块元素。语义上正确的html不能在内联元素中包含块元素。同样，你不能把'p'元素放在'b'元素中。

我要求您先浏览HTML，我希望您的所有问题都能自动解决。

感谢您的时间。谢谢！

<强> FIDDLE

<span>未显示在<p> </p> </span>内

4 个答案: