html - 在CSS中设置最大字符长度

Question

我正在为学校制作响应式网站，我的问题是：

如何在我的网站上设置句子的最大字符长度（使用CSS）（如75个字符），当我的屏幕很大时，句子的长度不能超过75个字符。

我已经尝试过最大宽度，但这弄乱了我的布局。我正在使用flexbox和mediaqueries使它响应。

Answer 1

您总是可以通过设置max-width并像这样溢出ellipsis来使用截断方法

p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}

例如： http://jsfiddle.net/3czeyznf/

对于多行截断，请查看 flex解决方案。
一个截断3行的示例。

p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

例如： https://codepen.io/srekoble/pen/EgmyxV