![](https://img-blog.csdnimg.cn/20210622104654290.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
css样式
文章平均质量分 50
CSS总结
程序媛_MISS_zhang_0110
前端晋级者
展开
-
vertical-align middle不生效如何修改
W3C上对vertical-align的定义:vertical-align 属性设置元素的垂直对齐方式。该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中,这个属性会设置单元格框中的单元格内容的对齐方式。baseline:默认值,元素放置在父元素的基线上。top:把元素的顶端与行中最高元素的顶端对齐;middle:把此元素放置在父元素的中部。bottom:把元素的顶端与行中最低的元素的顶端对齐。原创 2023-07-10 15:15:22 · 1002 阅读 · 0 评论 -
css引入的三种方式
总结起来,内联样式适用于少量特定元素的个性化样式,外部样式表适用于整个网站或文档的样式定义和共享,而 内部样式表则适用于样式与特定 HTML 文档紧密关联的情况。选择适当的方法取决于项目需求、代码维护性和性能要求。原创 2023-11-24 14:05:32 · 580 阅读 · 0 评论 -
vue项目中设置background: url() 是行内样式不生效,样式表是可以的
[TOC](vue项目中设置background: url() 是行内样式不生效,样式表是可以的)首先:如果不是项目中普通的一个index.html中是可以的。原创 2023-11-17 16:46:41 · 1340 阅读 · 3 评论 -
CSS一行垂直水平居住,两行垂直水平居中超过...和css样式-webkit-box-orient: vertical; 编译丢失
CSS一行垂直水平居住,两行垂直水平居中超过...和css样式-webkit-box-orient: vertical; 编译丢失图示主要代码图示主要代码<el-table-column prop="tagNames" label="客户标签" min-width="250"> <template slot-scope="{ row }"> <div class="tagName" v-if="row.customerTag">原创 2022-04-30 12:42:56 · 263 阅读 · 0 评论 -
CSS标签分类(块元素 行内元素 行内块元素)
CSS标签分类(块元素 行内元素 行内块元素)一、块标签二、行内标签三、行内块标签之间转换一、块标签div p h1-h6 hr ul ol li dl dd dt form1.支持宽高,自上而下排列2.不受空格影响3.一般用于其他标签的容器4.默认宽度为100%(独占一行)。二、行内标签span i a b strong em sub sup u label br font1.不支持宽高(宽高根据内容大小自动撑开),自左向右排列2.受空格影响3.不独占一行三、行内块原创 2022-03-08 17:28:10 · 414 阅读 · 0 评论 -
CSS之calc用法
CSS之calc用法calc() 函数用于动态计算长度值。需要注意的是,运算符前后都需要保留一个空格,例如:width: calc(100% - 10px);任何长度值都可以使用calc()函数进行计算;calc()函数支持 “+”, “-”, “*”, “/” 运算;calc()函数使用标准的数学运算优先级规则;calc(100% - 20px)注:减号两边的空格链接: https://blog.csdn.net/weixin_30918415/article/details/99原创 2021-10-18 09:56:01 · 415 阅读 · 0 评论 -
css让一个元素垂直水平居中的四种方法
让一个元素垂直水平居中的四种方法第一种(绝对定位+margin)第二种(绝对定位+位移)第三种(绝对定位+margin)第四种(行内块)第一种(绝对定位+margin)div.box{ weight:200px; height:400px; position:absolute; left:50%; top:50%; margin-left:-100px; margin-top:-200px;}*兼容性好;缺点:必须知道元素的宽高第二种(绝对定位+位移)div.box{ weig原创 2021-10-15 16:14:55 · 278 阅读 · 0 评论 -
css文本一行和两行,超出省略表示及超过2行... 展开-收起
CSS文本一行和两行,超出省略表示css 文本一行显示,超出省略号表示css 文本两行显示,超出省略号表示重点:text-overflow: ellipsis;只对display:inline;起作用css 文本一行显示,超出省略号表示white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;css 文本两行显示,超出省略号表示text-overflow: -o-ellipsi原创 2021-02-20 11:46:54 · 1195 阅读 · 0 评论