18910140161

HTML-我一直试图使用css以表的形式创建表单,但当我使用display:table-row时,它将与右堆栈溢出对齐

顺晟科技

2022-10-19 13:27:46

274

我一直试图使用css以表的形式创建表单,但当我使用display:table-row时,它将向右对齐,我需要将表单向左对齐。我也尝试了float:left但它不起作用


顺晟科技:

我更喜欢放置一个div,而不是使用标记。然后将输入放入标签中。使标签成为表行。

试试这个。以下是有关如何使用Flex-Box的更多信息:https://css-tricks.com/snippets/css/a-guide-to-flexbox/

#theForm {
  color: white;
  display: table;
  padding: 15px;
  background-color: #2c8f77;
  border: solid 2px black;
  float: left;
}

.row {
  display: table-row;
}

.row > label {
  display: table-cell;
  padding: 2px;
  text-align: right;
}

.row > input {
  display: table-cell;
  padding: 2px;
}

您需要放入并添加到标签中:

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航