![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
weixin_43963309
这个作者很懒,什么都没留下…
展开
-
iconfont 图标与文字不居中的问题的解决方法
问题:在做移动端h5项目的时候 发现 在ios 中文字和iconfont文字图标没有对齐 icon会往上飘,奇怪的是在安卓中是正常显示的如图所示原因是:iconfont 的基线跟 文字 的基线不同导致的。解决办法:给 iconfont 设置 vertical-align:middle;.md-icon.icon-font:before { vertical-align: middle; }如果是用的用的阿里iconfont 的下载包,修改 iconfont.css 文件即可:...原创 2021-01-13 11:12:49 · 2942 阅读 · 0 评论 -
文字保留4行 展开收起放在文字最右边
<template> <div> <div :class="showTotal ? 'total-introduce' : 'detailed-introduce'"> <div class="intro-content" :data-title="introduce" ref="desc"> <span class="merchant-desc" v-if="introduce">{{introduce.原创 2020-10-26 20:49:11 · 198 阅读 · 0 评论 -
border-radius不生效
加overflow:hidden原创 2020-08-25 16:21:02 · 1966 阅读 · 3 评论 -
flex布局
1flex:1flex:1原创 2020-06-28 15:02:39 · 70 阅读 · 0 评论 -
pc布局总结
pc使用rem布局外层1.在html body里面 设置宽高100%2.在里面第一层 设置一个div 设置最小宽高 防止屏幕分辨率影响 布局3.使用flex布局 上下左右自动居中里层1.当想要里层滚动的时候 可以设置overflow:auto总结1.当div有角但是没有展现的时候,可以查看是不是里面的元素把外面的遮挡了 可以设置overflow:hidden 尝试解决2.设置最小宽高 或者最大宽高 可以防止 当屏幕分辨率过大或者过小的时候 样式变形3. 设置颜色渐变:b原创 2020-06-28 11:57:18 · 180 阅读 · 0 评论 -
格式为最多显示两行,右对齐,超过两行以打点显示怎么做
1.如果只显示一行,超出用点表示。 white-space:nowrap; overflow:hidden; text-overflow:ellipsis;2.显示两行,超出用点表示。overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-...原创 2020-04-29 17:34:12 · 736 阅读 · 0 评论 -
使用v-for循环如何给不同元素设置不同样式
<div v-for="(item, index) in space" :key="index" :class="'space-' + (index + 1)"></div>css:.space { &-1 { margin-left:0px; } &-2 { margin-left:52px; } &-3 ...原创 2020-04-02 17:33:19 · 1715 阅读 · 3 评论 -
子元素设置margin-top为何会影响父元素?
问题 :在给子元素这是margin-top的时候,发现父元素与浏览器顶部也产生了相同的间距,在查看元素的时候,父元素的margin显示为正常,这是为什么呢?css2.1盒模型规定内容:In this specification, the expression collapsing margins means that adjoining margins (no non-empty conte...原创 2020-03-11 20:31:37 · 250 阅读 · 0 评论