Обтекание текста в таблицах по количеству строк

Question

У меня есть таблица с одной строкой таблицы и четырьмя столбцами. Каждый столбец содержит изображение, заголовок и абзац. Я хочу вырезать абзацы в строке 7 в каждом столбце, чтобы текст в каждом из них был выровнен по горизонтали. Думайте об этом как о сценарии «читать дальше».

Я рассмотрел:

text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;

Это сокращает абзац в первой строке. Есть ли способ вырезать абзац в указанной строке c с CSS?

Answer 1

.box {
  padding: 2em;
  width: 200px;
}

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

<div class="box">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>

для "трех" спецификаций c line (-webkit-line-зажим: 3;)

    -webkit-line-clamp: 3;
    -webkit-box-orient: block-axis 
    -webkit-box-orient: vertical 
    overflow: hidden;
    text-overflow: ellipsis;