Стили как у button

268
12 февраля 2018, 02:21

Здравствуйте! Ситуация следующая:

Есть div. Нужно, чтоб он вёл себя с контентом внутри как кнопка. То есть, чтоб текст и блоки внутри выравнивались по центру (по вертикали и горизонтали) и чтоб при изменении размеров border не менялись внутренние и внешние размеры блока.

Вопрос может и глупый, но я в css ещё относительно новичёк, так что прошу вашей помощи.

Answer 1

.div_btn{ 
  width:150px; 
  height:40px; 
  background: tomato; 
  display:flex; 
  align-items:center; 
  justify-content:center; 
} 
 
.div_btn a{ 
  text-transform:uppercase; 
  font-size:14px; 
  color:#fff; 
  font-weight:900; 
  font-family:sans-serif; 
  text-decoration:none; 
}
<div class="div_btn"> 
  <a href="#">Подробнее</a> 
   
</div>

Answer 2

.button { 
  box-sizing: padding-box; 
  display: inline-block; 
  padding: 12px 28px; 
  background: yellow; 
  border: 1px solid lightgray; 
  color: black; 
  border-radius: 4px; 
  box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.2); 
  font-family: "Helvetica", "Roboto"; 
}
<a href="http://ru.stackoverflow.com" target="_blank"> 
  <div class="button">Моя кнопочка</div> 
</a>

Answer 3

.btn { 
    align-items: flex-start; 
    width: 100%; 
    max-width: 120px; 
    text-align: center;  
    box-sizing: border-box; 
    padding: 2px 6px 3px;  
    cursor:pointer; 
    border:none;  
    background: #FFEB3B; 
    outline: none !important; 
    margin: 0em; 
    font: 400 13.3333px Arial; 
} 
 
<div class="btn">Кнопка</div> 
<br/> 
<button class="btn">Кнопка</button>

READ ALSO
Неправильно работает запрос на MySQL 5.6 и выше

Неправильно работает запрос на MySQL 5.6 и выше

Данный запрос почему-то возвращает "Empty set" на mysql 56 и выше

237
Не знаю как правильно построить SQL-запрос

Не знаю как правильно построить SQL-запрос

Доброго времени суток! Прошу помочь, делаю себе проект, бэкенд на nodejs + sqliteВ проекте есть чат, без каналов, просто 1 на 1

206
Получить общий баланс пользователя

Получить общий баланс пользователя

Так я получаю общую сумму пользователя с ID 1, но мне нужно вывести пользователя у которого самый большой баланс

167