样式设置
关注
分享
扫一扫
颖_恋
一生很长，够追逐梦想；一生很短，来不及怅惘
展开
-
transform:scale不缩小实际空间的问题
首先声明一点，transform: scale对行内元素无效，而对块级元素和原子行内级元素生效等。在开发中，有时会因满足设计需要而对元素进行整体缩放，transform: scale是现代浏览器都支持的css元素，应该是首选，但它会引发一个问题，虽然可以缩小整体显示的内容，但是并没有引起重排，所以占据的实际空间没有缩小，具体看下面的代码以及图片。<!DOCTYPE html>...原创 2019-11-19 16:20:04 · 10405 阅读 · 0 评论 -
移动端不兼容0.5px的解决方案
众所周知，移动端的设备各种各样，分辨率、屏幕比等都会有差异，要想做到一套代码多种设备适用尤其困难，比如部分安卓手机不识别0.5px的边框，下面给出解决方案：一、单条边框(上边框或者下边框).box { width: 200px; height: 50px; background-color: #ccc; text-align: center; po...原创 2019-11-19 10:55:29 · 1605 阅读 · 0 评论 -
canvas水平垂直居中
完整的例子如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style>canvas { ba原创 2018-10-29 09:05:18 · 2756 阅读 · 0 评论 -
BFC解决处于同一个BFC的两个相邻Box的margin发生重叠问题
BFC(块级格式化上下文)，创建一个BFC相当于新建一个容器，在容器内部的元素布局不会影响到外部的布局，所以当两个处于同一BFC的box在垂直方向上发生重叠时，可以在其中一个box的外面包裹一个容器，并使用其触发一个BFC，这样两者就处于不同的BFC中，也就不会相互影响了。/*css部分*/.parent { background: pink; ...原创 2019-05-04 10:38:16 · 1145 阅读 · 0 评论 -
css—使脱离文档流的元素水平居中
在设计静态页面时，有一部分布局需要使用绝对定位，那么它的父元素就要使用相对定位，这样一来就使承载绝对定位元素的容器脱离了文档流，现在让容器水平居中难倒了我这小菜鸡。它就一直这个样子：这是源码：<!doctype html><html lang="zh"><head> <meta charset="UTF-8"&...原创 2019-04-29 16:45:43 · 2100 阅读 · 1 评论 -
外边距margin合并问题
第一种情况：相邻元素垂直外边距合并问题<div class="div1"></div><div class="div2"></div>现在有两个垂直排列的盒子，我们设置了上边盒子的下外边距为100px，下边盒子的上外边距为50px，想要实现两个盒子的垂直边距为150px，但实际上两个盒子垂直方向上的外边距发生了重合，实际边距取了两者m...原创 2019-05-12 17:36:28 · 274 阅读 · 0 评论