Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 18.01.2023, 21:49
Интересующийся
Отправить личное сообщение для sega1821 Посмотреть профиль Найти все сообщения от sega1821
 
Регистрация: 30.10.2020
Сообщений: 29

Выравнивание по левому краю
Здравствуйте, подскажите пожалуйста, как сделать так, что бы активный элемент всегда был по левому краю

<div class="content">
<div class="tab active">Яблоко</div><div class="tab">Груша</div><div class="tab">Апельсин</div><div class="tab">Мандарин</div><div class="tab">Дыня</div><div class="tab">Арбуз</div><div class="tab">Вишня</div><div class="tab">черешня</div>
</div>


$('.tab').click(function(){
  $('.tab').removeClass('active');
  $(this).addClass('active');
});


.content{
  display:flex;
  width:500px;
  overflow:hidden;
  padding:15px;
}
.tab{
  border:1px solid #ddd;
  margin-right:15px;
  padding:10px 30px;
  cursor:pointer;
}
.tab.active{
  color:#fff;
  background-color:red;
}
Ответить с цитированием
  #2 (permalink)  
Старый 18.01.2023, 22:20
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

sega1821,
.tab{
  border:1px solid #ddd;
  margin-right:15px;
  padding:10px 30px;
  cursor:pointer;
  order: 2;
}
.tab.active{
  color:#fff;
  background-color:red;
  order: 1;
}
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Выравнивание текста HTML pokk (X)HTML/CSS 2 07.03.2018 09:15
HR выравнивание и размер Moyovich Общие вопросы Javascript 1 05.05.2015 21:52
Возможно ли задать выравнивание сообщения атрибута "required" по левому краю инпута в Yaroma11 (X)HTML/CSS 4 23.06.2014 16:10
ячейка таблицы - выравнивание torsar (X)HTML/CSS 5 21.02.2013 00:08
Выравнивание всплывающего окна по центру экрана. waw555 jQuery 2 07.09.2012 15:43