Question

Css of：

-Encoding

与文字只有一行相比，风格会有所不同：

    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been
 the industry's standard dummy text ever since the 1500s, when an unknown</p>

有可能吗？非常感谢你:)）

Answer 1

简短的回答是否定的。段落中实际文本的长度不会影响它的样式。

但是，如果您在类或ID中分配段落标记，则可以在css样式表中将每个单独的类或ID设置为唯一样式。

Answer 2

您是否希望段落中的行具有不同的样式，如果是这样，您只需将具有id的跨度添加到您想要的具有不同样式的区域。

＆＃13;

#line{
  font-weight: bold;
}

＆＃13;

<p><span id="line">Lorem Ipsum is simply dummy text</span> of the printing and typesetting industry. Lorem Ipsum has been
 the industry's standard dummy text ever since the 1500s, when an unknown</p>

＆＃13;

Answer 3

如果您希望在CSS中定位单个vs多行句子，则无法做到这一点。

如果您想将<p>限制在一行，请使用white-space: nowrap;。

Answer 4

您必须使用JavaScript以编程方式执行此操作。

找到段落元素，检查内容的长度，然后根据它应用样式。

这里有jsfiddle来说明（使用jQuery）。

HTML

<p>A short line.</p>
<p>A longer line with more words in it.</p>

JS

$("document").ready(function() {
  $("p").each(function() {
    if($(this).text().length > 15) {
      $(this).css("color", "red");
    }
  });
});

样式如果文本在CSS中只有一行？

4 个答案: