asp.net - ASP.Net Core MVC 复选框对齐
问题描述
有人可以帮助我解决两个并排的复选框的问题。由于某种原因,它们与其他控件不对齐,我必须指定一个高度,否则 div 的高度为零。所有其他控件完美对齐。我附上了屏幕截图和我的代码。
<div class="row align-items-start">
<div class="col-2">
<label asp-for="customer.MeasureLoft" class="col-form-label">M (Loft)</label>
</div>
<div class="col-2">
<label asp-for="customer.MeasureIWI" class="col-form-label">M (IWI)</label>
</div>
<div class="col-2">
<label asp-for="customer.MeasureUFI" class="col-form-label">M (UFI)</label>
</div>
<div class="col-2">
<label asp-for="customer.MeasureRIR" class=" col-form-label">M (RIR)</label>
</div>
<div class="col-4">
<label asp-for="customer.MeasureESH_FTCH" class="col-form-label">M (ESH/FTCH)</label>
</div>
</div>
<div class="row align-items-start">
<div class="col-2">
<input asp-for="customer.MeasureLoft" class="form-control" style="width:100px;" />
</div>
<div class="col-2">
<input asp-for="customer.MeasureIWI" class="form-control" style="width:100px;" />
</div>
<div class="col-2">
<input asp-for="customer.MeasureUFI" class="form-control" style="width:100px;" />
</div>
<div class="col-2">
<input asp-for="customer.MeasureRIR" class="form-control" style="width:100px;" />
</div>
<div class="col-4">
<input asp-for="customer.MeasureESH_FTCH" class="form-control" style="width:100px;" />
</div>
</div>
<div class="row align-items-start">
<div class="col-6">
<label asp-for="customer.Flex" class="col-form-label">Flex</label>
</div>
<div class="col-6">
<label asp-for="customer.HCRO" class="col-form-label">HCRO</label>
</div>
</div>
<div class="row align-items-start" style="height: 38px;">
<div class="col-6">
<input asp-for="customer.Flex" class="form-check-input" type="checkbox" />
</div>
<div class="col-6">
<input asp-for="customer.HCRO" class="form-check-input" type="checkbox" />
</div>
</div>
解决方案
推荐阅读
- neo4j - Neo4j 批量导入不适用于大数据集
- java - Appium 无法通过资源 ID 搜索元素
- php - 为什么我在将 Symfony 4 应用程序部署到 Heroku 时遇到问题?
- javascript - 如何在 Javascript 中可靠地捕获关闭选项卡事件?
- javascript - 在 react.js 中创建动态列
- python - 迭代numpy数组并更新每个元素的最快方法
- c++ - Floating point exception and coredump using Virtual TMB
- javascript - Why doesn't clicking my button do anything?
- esp8266 - Getting Error code -1 (HTTP_CONNECTION_REFUSED) after first connection
- c# - How to Execute a SQL query while a Data Reader is opened?