Как padding + line-height перезаписывает высоту?
Не думаю, что TableC может быть автоматически обновлено, если в TableA и TableB есть какие-либо изменения. Тем не менее, вы можете попробовать этот обходной код.
TRUNCATE TableC;
INSERT INTO TableC(SELECT * FROM TableA WHERE Name != ''
UNION
SELECT TableA.id, TableB.Name, TableB.Section, TableA.c_status FROM TableA
INNER JOIN TableB ON TableA.id = TableB.PR_id);
Сначала очистите TableC, чтобы предотвратить дублирование. Вы можете поместить результат запроса в TableC, когда он пуст.
Если вышеуказанный запрос не работает, вы можете использовать это.
TRUNCATE TableC;
INSERT INTO TableC(SELECT * FROM TableA WHERE Name != '');
INSERT INTO TableC(
SELECT TableA.id, TableB.Name, TableB.Section, TableA.c_status FROM TableA
INNER JOIN TableB ON TableA.id = TableB.PR_id);
2 ответа
Это нормальное поведение.
Ваш флекс-предмет имеет огромную высоту. Если вы добавите к нему отступы, то ваш контент увеличит размер вашего контейнера (вашего div). Вы должны сохранять согласованность между желаемой высотой и добавленной к ней высотой строки / отступом.
Общая высота элемента включает отступы. Вы можете добавить
box-sizing: border-box;
для .flex-item
border-box, чтобы браузер учитывал любые границы и отступы в значениях, которые вы указываете для ширины и высоты элемента. Если вы установите ширину элемента равной 100 пикселям, эти 100 пикселов будут включать в себя любую добавленную вами рамку или отступ, а поле содержимого будет уменьшаться, чтобы поглотить эту дополнительную ширину. Как правило, это значительно облегчает размер элементов. См. https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing . для более подробной информации.