两个组件对不齐（css样式问题）

如图，加了一个组件之后，对不齐了

其实以前上课的时候学过这个东西，css样式的知识。

但是上完了课之后，都把知识忘干净了

所以特此记录一下，下次用到方便查找

给父组件加一个属性：

display: flex

 <div style="margin: 10px 0; display: flex"><el-select v-model="selectValue" clearable placeholder="选择要显示的数据" style="width: 300px" ><el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option></el-select><el-input v-model="search" placeholder="请输入电话号码进行查询" style="width: 300px; margin-left: 600px" clearable></el-input><el-button type="primary" style="margin-left: 5px" @click="load">查询</el-button></div>

效果如图

两个组件对不齐（css样式问题）相关推荐

js移除某个样式_js中如何移除css样式？
js中如何移除css样式? dom元素应用css有两种方式: ● 通过class类名和id名应用样式 ● 通过指定style属性应用样式我们可以针对以上两种方式写移除css样式的方法 (相关课程推荐 ...
css图片横向压缩,【css样式生成图片合并压缩工具】Sprite，你值得拥有
好久好久没有更新博客了,越来越懒...话说懒也有懒的好处,懒的时候你可能会想着用些神马方法来帮你偷懒.没错,下面就给大家介绍个博主前不久开发的[css样式生成 & 图片合并压缩工具]Spirt ...
Bootstrap学习笔记02【全局CSS样式、组件和插件、案例_黑马旅游网_首页】
Java后端学习路线笔记汇总表[黑马程序员] Bootstrap学习笔记01[快速入门.栅格布局][day01] Bootstrap学习笔记02[全局CSS样式.组件和插件.案例_黑马旅游网][d ...
如何在React JS组件和React JS App中添加CSS样式？
In this tutorial, we will only work with CSS styles. Please ensure you have basic knowledge of HTML, ...
[vue] 怎么使css样式只在当前组件中生效？
[vue] 怎么使css样式只在当前组件中生效? <style scoped> </style> 个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷 ...
“高级”CSS样式一般应用于控制网页内容的外观。附加样式表分为内嵌样式表和外部样式表两种方式。
"高级"CSS样式一般应用于控制网页内容的外观.附加样式表分为内嵌样式表和外部样式表两种方式.
原生js更改html,原生js更改css样式的两种方式
原生js更改css样式的两种方式发布时间:2020-08-30 01:46:17 来源:脚本之家阅读:148 作者:外婆的彭湖湾下面我给大家介绍的是原生js更改CSS样式的两种方式: 1. 通过 ...
学习如何使用html和css样式将两张图片叠加到另一张图片上，实现微信扫一扫二维码效果
学习如何使用html和css样式将两张图片叠加到另一张图片上,实现微信扫一扫二维码效果 <!DOCTYPE html> <html> <head><meta ...
react内联样式_React样式化的组件：内联样式+ 3种其他CSS样式化方法（带有示例）...
react内联样式 There's no one right way to style your React components. It all depends on how complex you ...
如何在php中加样式,vue如何给组件加css样式,php中加入css样式
vue如何给组件加css样式哇如何给组件加钢性铸铁样式,某视频剪辑软件给组件加钢性铸铁样式的方法:首先在[.vue]文件中设置相关代码:然后新建[index.js]文件,并建立对应的[record.s ...

两个组件对不齐（css样式问题）

两个组件对不齐（css样式问题）相关推荐

最新文章

热门文章