Я создал страницу ASP, в которой я показываю события. Я использовал css для отображения максимум 3 строк содержимого в одном шаблоне элемента.
Я хочу отобразить 3 периода после текста, т.е.:
Я искал через Интернет и нашел решение добавлять периоды после текста, используя .after{content:"..."}
но точки помещаются в новую строку, но я хочу получить точный результат, как он есть на изображении.
Мой css:
.eventDescription
{
height: 45px;
margin-left: 65px;
font-size: 15px;
line-height: 1.5em;
overflow: hidden;
text-align: justify;
line-height: 15px;
padding-top: 10px;
width: 220px;
}
Использование :after
псевдодальности с content
Вы можете контролировать расстояние между точками или размер, используя свойство font-size
и letter-spacing
соответственно.
Приступая к синтаксису, вы используете .after{content:"..."}
поэтому прежде всего вам нужно назначить класс этому элементу, поэтому он будет <p class="after">
а также вам нужно будет добавить :after
псевдо в ваш .after
класс
.after:after {
content: "...";
}
Примечание. Использование
:after
, как контент будетinline
по умолчанию, чтобы применять поля или прокладки, вам необходимо использоватьinline-block;
, более старые версии IE не будут уважать это свойство.
Для получения дополнительной информации о поддержке браузера :after