Стиль встраивания для выбора нескольких
Я хочу изменить стиль по умолчанию для выбора нескольких HTML-тегов. Мне нужно применить стиль встроенного блока и выровнять центр для параметров, но когда я применяю эти стили, параметры не переходят на новую строку.
<select name="select" id="select" multiple size="3">
<option value="1">option 1</option>
<option value="2">option 2</option>
<option value="3">option 3</option>
<option value="4">option 4</option>
<option value="5">option 5</option>
<option value="6">option 6</option>
<select/>
select {
width: 200px;
height: 200px;
text-align: center;
background: yellow;
display: block;
}
option {
width: 50px;
margin: 5px;
padding: 10px 5px;
border: 1px solid #000;
border-radius: 5px;
display: inline-block;
}
вот код: https://codepen.io/gpuente/pen/NXeoRN
Поле 1 - это выбор, а поле 2 - результат, который мне нужен.
1 ответ
Решение
Добавить пробел: нормальный в вашем выборе
select {
width: 200px;
height: 200px;
text-align: center;
background: yellow;
display: block;
white-space: normal;
}