解决input输入框与select下拉框水平不对齐

1、试了下其他帖子说的在select里面加 style=“vertical-align: middle”，没有效果，请教了一下前端同事，解决了。

<div class="xxxx"><input id="aaaa" value="嘿嘿嘿嘿" style="width: 300px;height: 35px;float: left;"><select id="bbbb"  style="width: 300px;height: 35px;float: left;margin-left: 20px"><option value="0" selected="selected">哈哈哈哈</option></select>
</div>

（1）都添加：float: left;
达到水平对齐效果；
（2）select添加：margin-left: 20px;
设置输入框与下拉框间距。

解决input输入框与select下拉框水平不对齐相关推荐

elementui 隐藏输入框_elementui select下拉框输入完全匹配值则下拉隐藏
var Main = { data() { return { optionsCopy: [{ value: '1', label: 'meat' }, { value: '2', label: 'dr ...
layui 下拉框空选项不显示_layui下select下拉框不显示或没有效果
Layui会对select.checkbox.radio等原始元素隐藏,从而进行美化修饰处理.但这需要依赖于form组件,所以你必须加载 form,并且执行一个实例.值得注意的是:导航的Hover效果 ...
layui怎么给下拉框赋值_layui给select下拉框赋值
转: layui给select下拉框赋值 //重新渲染表单函数 function renderForm() { layui.use('form', function() { var form = la ...
编程案例——layui的table表格并获取选中的数据、layui监控select下拉框并将隐藏的div显示
layui table表格展示效果代码前端代码后端代码:我们需要注意后端给前端返回数据的格式获取radio标签所对应的数据条目问题描述解决办法 layui监控select下拉框并将隐藏的 ...
解决select 下拉框选择器 input输入框、时间日期选择器el-date-picker 赋值后，出现无法修改选中更改问题
ElementUI时间选择器,传入时间赋值后之后无法改变 // ElementUI的表格组件<el-date-pickersize="mini"style="wid ...
解决IOS select下拉框样式
文章目录问题解决方法问题一般来说,在ios端,对于select下拉框会默认出现黑色背景,input输入框上面出现阴影,导致用户体验感不是很好,总体原因是ios中对透明度渲染的效果不是很好. 会 ...
解决element-ui中select下拉框popper超出弹框问题
问题场景如下: 尝试了好几种解决方法,比如从下拉框el-popper使用fixed定位入手,修改popper-append-to-body,或者修改z-index,看了源码后又尝试监听表格滚动使用`t ...
iview select选中值取值_完美解决iview 的select下拉框选项错位的问题
在使用iview的过程中,我遇到这样一个问题,在Model中使用select下拉框组件.但是当弹出框超过一屏需要滚动时,select的下拉选项会出现错位(下图1为正常,图2为滚动后,下拉选项错位.) ...
iview select 怎么清空_如何解决iview 的select下拉框选项错位的问题，具体操作如下...
下面我就为大家分享一篇完美解决iview 的select下拉框选项错位的问题,具有很好的参考价值,希望对大家有所帮助. 在使用iview的过程中,我遇到这样一个问题,在Model中使用select下拉 ...

解决input输入框与select下拉框水平不对齐

1、试了下其他帖子说的在select里面加 style=“vertical-align: middle”，没有效果，请教了一下前端同事，解决了。

解决input输入框与select下拉框水平不对齐相关推荐

最新文章

热门文章