Показать сообщение отдельно
  #2 (permalink)  
Старый 28.07.2019, 10:05
Аватар для Malleys
Профессор
Отправить личное сообщение для Malleys Посмотреть профиль Найти все сообщения от Malleys
 
Регистрация: 20.12.2009
Сообщений: 1,714

Сообщение от ethereal
role="button"
У кнопки так и так по умолчанию такая роль, вы можете в данном случае пропустить такой атрибут!

Сообщение от ethereal
Как посчитать количество "button" в div
Если это вам нужно, чтобы равномерно распределить элементы на 200 пикселей, то вы можете использовать flex: 1; на кнопках и display: flex; на родительском элементе.

<div class="owl-dots-slider">
  <button class="owl-dot active"><span></span></button> 
  <button class="owl-dot"><span></span></button>
  <button class="owl-dot"><span></span></button>
</div>

<style>
.owl-dots-slider {
	width: 200px;
	display: flex;
}

.owl-dot {
	all: unset;
	flex: 1;
	text-align: center;
	border: 1px dashed #ddd; /* для примера, чтобы было видно границы элемента, вы можете удалить эту строчку! */
}

.owl-dot::before {
	content: "●";
	color: deeppink;
}
</style>

Последний раз редактировалось Malleys, 28.07.2019 в 10:07.
Ответить с цитированием