Используя переполнение текста CSS для варьирования количества строк текста в элементе высоты набора

Я глубок в некоторую разработку веб-приложения iPhone (Safari/WebKit) в данный момент и хочу иметь объекты высоты набора с текстом заголовка и основным текстом, таким образом, что 3 строки всегда показывают. Если текст заголовка короток, 2 строки основного текста должны показать. Если текст заголовка очень длинен, он должен поднять максимум 2 строк и оставить 1 строку для основного текста. Каждый раз, когда текст является усеченным, он должен отобразить замещающий знак как последний знак.

Я придумал следующий, который делает все, в чем я нуждаюсь, за исключением того, что это не отображает замещающий знак. Существует ли способ получить это решение удовлетворить то последнее требование?

Code below, as rendered by Safari
(источник: segdeha.com)



    
        
    
    
        

Short title This is the text description of the item. It can flow onto more than 2 lines, too, if there is room for it, but otherwise should only show 1 line.

Long title that will span more than 2 lines when we're done. This is the text description of the item. It can flow onto more than 2 lines, too, if there is room for it, but otherwise should only show 1 line.

23
задан Glorfindel 26 March 2019 в 08:59
поделиться