css
关注
分享
扫一扫
文章平均质量分 77
哈哈哦0
没事写写代码，反正闲着也是闲着 ~_~
展开
-
element的table组件在flex布局下宽度不能自适应
问题描述在做数据管理系统的时候，使用了flex布局，element的table组件，但是flex布局下element的table组件宽度为页面一加载时的宽度。浏览器窗口变大，table组件跟着变大，但是当浏览器窗口变小的时候table组件的宽度还是原来的宽度，并没有随窗口自适应，（这点我也搞不懂是怎么回事，窗口变大，它能自适应变大，窗口变小，就不能自适应变小了~~~）解决办法//scss.module-result-content { flex: 1; display: fl转载 2020-08-31 16:54:39 · 2052 阅读 · 1 评论 -
CSS清除浮动方法
标准流：盒子会各占整行位置。子盒子若是标准流，父盒子虽然没有高度，但是会撑开父盒子高度。浮动：盒子浮了起来，不会占据原来的位置，若父盒子没有定义高度，则不会撑开父盒子，父盒子高度为0。（浮动可以让多个块级元素在一行显示，且块与块之间没有空隙，但要注意给父盒子清除浮动，否则父盒子不会被撑开）。为什么要清除浮动呢？清除浮动的本质是什么？清除浮动主要是为了解决父级元素因为子级浮动引起的内部高度为0的问题。1. 额外标签法：给谁清除浮动，就在其后额外添加一个空白标签 。优点：通俗易懂，书写方便..转载 2020-07-21 13:27:58 · 207 阅读 · 0 评论 -
css元素垂直对齐方式（vertical-align）
我们经常会遇到图标+文字的显示方式，但经常设置之后会出现图标不居中的情况：解决办法就是给img标签加vertical-align:middle。<style> img{ width: 25px; vertical-align: middle; /*解决img的字体不居中的问题*/ }</style><...原创 2018-12-18 16:39:07 · 2258 阅读 · 0 评论 -
CSS3 Flex布局（伸缩布局盒模型）
转自：http://www.xifengxx.com/web-front-end/1408.html Flex伸缩布局CSS2定义了四种布局：块布局、行内布局、表格布局盒定位布局。CSS3引入了一种新的布局模式——Flexbox布局，即伸缩布局盒（Flexible Box）模型，此布局对于设计比较复杂的页面非常有用，特别是“垂直居中”布局，非常容易实现。Flexbox布局语法有...转载 2018-12-17 11:59:37 · 303 阅读 · 0 评论 -
css画三角形
偶然看到一个视频上，是这样画三角形的。但自己却没想明白原理，如果各位大神明白原理，请评论告知。谢谢。<div></div><style type="text/css"> div{ position: absolute; border: 20px solid transparent; border-bottom-color: red; }...原创 2018-11-08 11:29:49 · 115 阅读 · 0 评论 -
CSS3 选择器
在 CSS 中，选择器是一种模式，用于选择需要添加样式的元素。"CSS" 列指示该属性是在哪个 CSS 版本中定义的。（CSS1、CSS2 还是 CSS3。）选择器 例子 例子描述 CSS .class .intro 选择 class="intro" 的所有元素。 1 #id #firstname 选择 id="firstname" ...转载 2018-11-08 10:41:38 · 91 阅读 · 0 评论 -
CSS四种隐藏标签的方法
1. display: none; （隐藏不占位）2. position: absolute; left: -99999px;3. visibility: hidden; （隐藏占位）4. opacity: 0;原创 2018-11-07 15:44:13 · 11382 阅读 · 0 评论 -
关于清除浮动的四种方法
浮动对页面的影响： 如果一个父盒子中有一个子盒子，并且父盒子没有设置高，子盒子在父盒子中进行了浮动，那么将来父盒子的高度为0.由于父盒子的高度为0， 下面的元素会自动补位，所以这个时候要进行浮动的清除。 关于清除浮动的方式: 方式一:使用overflow属性来清除浮动 .ovh{ overflow:hidden; } ...转载 2018-08-30 14:58:29 · 197 阅读 · 0 评论 -
:first-child和:first-of-type的区别（:first-child选择无效）
使用:first-child发现选择不起效，网上查了发现自己对:first-child和:first-of-type区别的认识不到。:first-child 匹配父元素的第一个子元素E。<ul> <li>列表项一</li> <li>列表项二</li> <li>列表项三</li> <原创 2018-08-24 15:54:22 · 3174 阅读 · 0 评论 -
用css巧妙实现移动端横向滑动展示功能
公司需要做一个手机横向滑动的效果，不想用js插件，太麻烦，导入代码也多。所以去网上找了一下，用css就能实现，挺方便的。主要利用了display:-webkit-box来实现。<!DOCTYPE html><html><head> <title>横向滑动</title> <style type="text/...原创 2018-08-08 20:24:45 · 4055 阅读 · 0 评论 -
css3中单位px,em,rem,vh,vw,vmin,vmax的区别及浏览器支持情况
px：绝对单位，页面按精确像素展示em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值。rem：相对单位，可理解为”root em”, 相对根节点html的字体大小来计算，CSS3新加属性，chrome/firefox/IE9+支持。(另外需注意chrome强制最小字体为12号，即使设置成 ...转载 2018-08-11 20:09:05 · 213 阅读 · 0 评论