Многоточие на второй строке, дополнительная информация справа.CSS

Разбираемся в CSS
Ответить
Anonymous
 Многоточие на второй строке, дополнительная информация справа.

Сообщение Anonymous »

Я пытаюсь создать двухстрочный контент с многоточием и разместить ссылку «Читать дальше» после многоточия, но это работает для одной строки, я пробовал для двухстрочного стиля
стиля моего кода< /p>

Код: Выделить всё

.maincontent {
display: flex;
}

.firstpart {
flex: 1 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.secondpart {
white-space: nowrap;
display: inline-block;
}

Код: Выделить всё

 // main content
test content test content test content
click to see more content


ожидаемый скриншот
Изображение


Подробнее здесь: https://stackoverflow.com/questions/793 ... right-side
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»