Переполнение: скрытые точки в конце

Question

Переполнение: скрытые точки в конце

Для меня самый лучший способ его отображения (нижний колонтитул) прилипает к дну, но не покрывает контент все время:

#my_footer {
    position: static
    fixed; bottom: 0
}

151

css html

задан Penny Liu 6 September 2018 в 03:20

3 ответа

Другие вопросы по тегам:

css html

Похожие вопросы:

score 227 · Answer 1

Можно использовать текстовое переполнение: замещающий знак; , который согласно caniuse поддерживается всеми главными браузерами.

Вот демонстрация на jsbin.

.cut-text { 
  text-overflow: ellipsis;
  overflow: hidden; 
  width: 160px; 
  height: 1.2em; 
  white-space: nowrap;
}

<div class="cut-text">
I like big buts and I can not lie.
</div>

score 14 · Answer 2

Да, через text-overflow свойство в CSS 3. Протест: это еще универсально не поддерживается в браузерах.

14

ответ дан ceejayoz 6 September 2018 в 03:20

score 0 · Answer 3

<!DOCTYPE html>
<html>
<head>
<style>
.cardDetaileclips{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* after 3 line show ... */
    -webkit-box-orient: vertical;
}
</style>
</head>
<body>
<div style="width:100px;">
  <div class="cardDetaileclips">
    My Name is sonia you can call me sonu.
  </div>
</div> 
</body>
</html>