-1
Q
如何添加选择字段
A
回答
0
你可以试试这个JSFiddle
.wrapper{
position:relative;
}
.select2, .select1{
height:20px;
width:40%;
position:absolute;
}
.select1{
left:0;
}
.select2{
right: 0;
}
.line{
position:absolute;
border-bottom: 1px solid red;
top:10px;
left:0;
right:0;
}
线的宽度与包装的宽度相同。
<div class="wrapper">
<div class="line">
</div>
<select class="select1">
<option>1</option>
<option>2</option>
</select>
<select class="select2">
<option>1</option>
<option>2</option>
</select>
</div>
1
试试这个
.line {
position: relative;
padding-left: 10px;
}
.line:first-child {
padding-left: 0;
}
.line select {
position: relative;
}
.line:before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 1px;
background: red;
}
<span class="line">
<select>
<option>lorem</option>
</select>
</span>
<span class="line">
<select>
<option>lorem</option>
</select>
</span>
<span class="line">
<select>
<option>lorem</option>
</select>
</span>
相关问题
- 1. sfWidgetFormDoctrineChoice添加额外的选择字段
- 2. Django的:如何在forms.py添加选择字段materializecss
- 3. 如何在我的pod中添加自定义选择字段?
- 4. 如何将国家选择字段添加到Jira?
- 5. 如何为apex5.0中的字段添加日期选择器
- 6. 如何在注册期间添加多项选择字段?
- 7. 如何添加动态引导日期选择器字段?
- 8. Sencha touch 2.0:将'空'选择添加到选择字段
- 9. 如何在Magento Collection中添加字段选择查询作为字段
- 10. 如何将javascript验证添加到选择字段并检查有效选项?
- 11. 如何添加slugified字段
- 12. 为django选择字段添加一个新选项
- 13. 玩2.0 - Java:将选定的值添加到@选择字段
- 14. jQuery在选择框中添加空白选项字段
- 15. 将选项添加到选择字段ExtJS
- 16. 选择字段,然后加入或加入,然后选择字段?
- 17. 选择字段
- 18. 我如何增加选择字段的“选择选项”的大小
- 19. 如何添加默认选择选择一个字段选项到我的下拉导轨?
- 20. django:如何从m2m字段的入口选择字段进行选择?
- 21. 型号串行:选择要显示的字段,并添加自定义字段
- 22. Django基于模型选择字段中的值数量动态添加字段
- 23. 如何选择具有相同的id行并添加其字段值
- 24. 如何添加一个选择自定义字段到WooCommerce结账页面?
- 25. 如何添加额外的字段到图片选择器对话框?
- 26. 如何通过符号使用getter添加SimpleForm中的选择字段?
- 27. 如何将自定义字段添加到ARInvoice客户选择器中?
- 28. 如何有选择地删除React中动态添加的输入字段?
- 29. 如何在laravel表单中添加国家,州和城市选择字段?
- 30. jQuery的日期选择器如何动态地添加的ID输入字段
也许这将有助于:https://stackoverflow.com/questions/19382872/how-to-connect-html-divs-with-行 – StardustGogeta
欢迎来到SO!问题通常应该更多的是“我试图做到这一点,这是我的尝试,这是它不工作的方式,我在哪里出错?”类型。 (请参阅http://stackoverflow.com/help/asking)为了改善这个问题,请添加您的当前代码(点击“编辑”,然后点击“<>”图标,这将弹出一个窗口,输入您的HTML和CSS然后点击“保存并插入”并保存您的编辑) – henry
发布一些代码,以便我们了解您的工作。此外,您还没有接受任何您早期的问题,因此我建议您检查它们,添加其他信息以便能够正确回答,以便您可以接受它们....我们希望尽可能多地提供问题接受的答案,所以未来的用户可以看到最适合提问的问题。 – LGSon