Блог

Я пытаюсь выровнять 2 входных данных в 2 разных td тегах для выравнивания по горизонтали. Более того, когда input он был добавлен в td , он будет охватывать td текст

Есть 2 случая:

• Когда оба td имеют текст или пусто, тогда все в порядке.
• Когда один из 2 td имеет текст, они не выравниваются по одной строке

Это мой исходный код, который я пробовал: https://jsfiddle.net/oc8Lgm3y/2 /

вы можете добавить vertical-align:bottom; к td,th .

Вы можете проверить исходный код здесь: https://jsfiddle.net/k1gapfmq /

 table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 50%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  vertical-align: bottom;
  padding: 8px;
}

input[name=^='product'] {
  background-color: red;
}