css 垂直对齐div中的两个标签和输入

wgx48brx 于 2023-01-06 发布在其他

关注(0)|答案(2)|浏览(133)

我有一个div，其中有两个labels和两个inputs，我需要两个垂直对齐的labels，但不需要两个divs。我希望垂直对齐css中的输入和标签，使它们彼此重叠。

<div id="name">
    <label for="Fname">First Name:</label>
    <input type="text" name="Fname" id="Fname" placeholder="First Name" maxlength="15" required>

    <label for="Lname">Last Name:</label>
    <input type="text" name="Lname" id="Lname" placeholder="Last Name" maxlength="20" required>
</div>

我试过在css中使用vertical-align，但是没有成功。你能帮忙吗？

css

来源：https://stackoverflow.com/questions/74988351/vertically-align-two-labels-and-inputs-in-a-div

2条答案

按热度按时间

aurhwmvo1#

您可以在CSS文件中使用Flexbox布局。

div {
  display: flex;
  flex-direction: column
}

赞(0）回复(0）举报 2023-01-06

wlwcrazw2#

在html div中使用flex和flex-col属性

<div class="display: flex; flex-direction: column">
  <label for="Lname">Last Name:</label>
  <input
    type="text"
    name="Lname"
    id="Lname"
    placeholder="Last Name"
    maxlength="20"
    required
  />
</div>

赞(0）回复(0）举报 2023-01-06

我来回答

css 垂直对齐div中的两个标签和输入

2条答案

相关问题

热门标签

最新问答