Как я могу заставить эти два пролета оставаться на одной линии, независимо от того, насколько узким становится окно браузера?

Вы можете обернуть свой запрос следующим образом:

SELECT SUM(Total_Coupon_To_Be_Used) AS the_sum
FROM (
   your query
) s
0
задан Andrei Gheorghiu 18 January 2019 в 21:41
поделиться

2 ответа

Я рекомендую использовать flexbox.

#container {
     display: flex;
}
0
ответ дан MaZoli 18 January 2019 в 21:41
поделиться

Вы можете использовать flex-box. Это очень легко реализовать и может удовлетворить все ваши требования. Он также отзывчив, что является важным требованием для вас, как вы упомянули в своем вопросе. ] , которые checkboxyes и headlinecontents. Обратите внимание, что по умолчанию flex-box выравнивает содержимое по горизонтали, поэтому вам не нужно указывать выравнивание для дочерних элементов.

  #container {
     width: 100%;
     display: flex;
  }

Вы хотите, чтобы содержимое вашего диапазона checkboxyes было выровнено по центру.

Для этого снова вы назначите display: flex элементу checkboxyes и выровняете его дочерние элементы по вертикали, используя align-items: center;.

  #checkboxyes {
     margin-right: 15px;
     display: flex;
     align-items: center;
  }

Читать больше о flex-box. Вы можете обратиться: https://css-tricks.com/snippets/css/a-guide-to-flexbox/

0
ответ дан user1579234 18 January 2019 в 21:41
поделиться