我是 HTML 新手，我對輸入標簽有一些疑問。在這里，我有兩個輸入，由跨度標記（-）分隔。我想要做的是包裝兩個輸入，如下圖所示。我是否需要使用 css 添加樣式或更改代碼的整個結構？
<div class="form-group">
<label for="form-realname" class="col">test*</label>
<div class="input-group col">
<input type="text" class="form-control" placeholder="" />
<span class="input-group-text" >-</span>
<input type="text" class="form-control" placeholder="" />
</div>
理想結構
uj5u.com熱心網友回復：
這是簡單的解決方案：
- 設定
border輸入以0使它們不可見。 - 將您需要的顏色添加
border 1px到父 div。 - 不要忘記制作這個父 div
display: inline-block;
* {
margin: 0;
padding: 0;
}
input.form-control {
border: 0;
padding: 2px;
}
.input-group {
border: 1px solid gray;
display: inline-block;
}<div class="form-group">
<label for="form-realname" class="col">test*</label>
<div class="input-group col">
<input type="text" class="form-control" placeholder="" />
<span class="input-group-text" >-</span>
<input type="text" class="form-control" placeholder="" />
</div>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/476398.html
標籤：html
上一篇：如何將小部件與螢屏中心對齊