繁体   English   中英

为什么这个 tetx 没有在 x 轴上溢出,即使我有一个固定的宽度和<p tag is set to display: block?< div></p><div id="text_translate"><p> 我需要文本在 X 轴上溢出只是为了重现我在更大项目中遇到的一些问题。 我留下一个简单的片段,所以你可以告诉我我在哪里做错了。 谢谢! </p><p></p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"><div class="snippet-code"><pre class="snippet-code-css lang-css prettyprint-override"> .article { background-color: rgb(236, 161, 161); width: 20em; }.article p { display: block; }</pre><pre class="snippet-code-html lang-html prettyprint-override"> &lt;article class="article"&gt; &lt;p&gt;Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis deleniti iure quidem distinctio officia voluptates similique molestiae culpa? Perferendis, velit maiores nobis maxime aut facere eaque quis voluptas accusamus commodi.&lt;/p&gt; &lt;/article&gt;</pre></div></div><p></p></div>

[英]why is this tetx not overflowing on the x axis even though I have a fixed width and the <p tag is set to display: block?

我需要文本在 X 轴上溢出只是为了重现我在更大项目中遇到的一些问题。 我留下一个简单的片段,所以你可以告诉我我在哪里做错了。 谢谢!

 .article { background-color: rgb(236, 161, 161); width: 20em; }.article p { display: block; }
 <article class="article"> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis deleniti iure quidem distinctio officia voluptates similique molestiae culpa? Perferendis, velit maiores nobis maxime aut facere eaque quis voluptas accusamus commodi.</p> </article>

如果您希望p标签在 x 轴上溢出,您只需要使用white-space属性告诉它不要换行:

p{ 
    white-space: nowrap;
}
暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2023 STACKOOM.COM