构建前端第6篇之---内嵌css样式 <el-button style="width:100%"> 登录 </el-but

2021-01-22 17:13

阅读:597

标签:构建   设置   item   css   方法   简单的   nbsp   内嵌   图片   

张艳涛写于2021-1-20日

What: 如何让button的长度和input长度一致呢
技术图片

 

 

 

 

 

 

 

 

 

 

 

 

最先想到的是给这个button加一个class ="buttonclass",然后在vue最后的

.buttonclass {
    width : 100%;
}

这个前两篇设置height为100%的方法是一致的.

还有一个更简单的方法就是内联式css

 登录 

并且css样式代码要写在style=""双引号中,如果有多条css样式代码设置可以写在一起,中间用分号隔开。如下代码:

这里文字是红色。

三种插入样式的优先级:

三种插入样式优先级从高到底为:内联式>嵌入式>外部式
其中嵌入式>外部式的条件为:嵌入式CSS的位置在外部式的后面
可以理解为:就近原则--离被设置元素越近优先级别越高

 

构建前端第6篇之---内嵌css样式 登录

标签:构建   设置   item   css   方法   简单的   nbsp   内嵌   图片   

原文地址:https://www.cnblogs.com/zytcomeon/p/14302679.html


评论


亲,登录后才可以留言!