竖排，别再调盒子宽度来让文字换行实现竖排！！ 也别再用<br> + line-height，看着难受！！ 额外用例！ 1.一些图标也不必更换样式后引入，当然css3的rotate也是可以的，对于图标 /* css */ 样式显示为： 2.表格form中可以一起使用，目前还没有用到过 最后：这些原IE ...
分类：
其他好文 时间：
2019-08-15 19:17:39
阅读次数：
184
demo-1: demo-2: demo-3: demo-4: 小结: 1.border宽度使用百分比,没有效果,故不要使用. 2.padding-top,padding-bottom 使用百分比,以父盒子宽度为基准,所以为了达到满屏,数值需要修订.比如上述的padding值得3.12是一个修订值. ...
分类：
其他好文 时间：
2019-04-05 14:17:01
阅读次数：
135
1、正常情况下： width :给块级元素/行内块 元素设置固定的宽度，或者固定百分比的宽度。 min-width: 当盒子内部元素宽度小于 min-width的值时，盒子宽度为 min-width的值，当盒子内容宽度大于 min-width的值时，盒子随着内容的增加而被撑大，没有上上限，但是 盒子 ...
分类：
其他好文 时间：
2019-03-04 11:22:15
阅读次数：
160
主要运用了css3的弹层布局，直接上代码： 效果：左边盒子宽度固定、内容居中对齐、与右侧盒子高度相等，右侧自动缩放 html： css： ...
分类：
Web程序 时间：
2019-01-19 18:48:36
阅读次数：
502
以正确的宽度在剧中的“盒子”内打印一个句子 分析： 定义屏幕宽度为80，输入的句子长度为26，盒子宽度=句子长度+6=26+6=32； 左边距=右边距，左边距+右边距+盒子宽度=屏幕宽度； 左边距=（屏幕宽度-盒子宽度）/2=（80-32）/2=24； 格式输出： 盒子四个角为+号，左面是空格，右面 ...
分类：
其他好文 时间：
2018-12-30 23:19:39
阅读次数：
192
盒子模型的实际尺寸 盒子的width和height设置的是盒子内容的宽和高，不是盒子本身的宽和高，盒子的真实尺寸计算公式如下： 盒子宽度 = width + padding左右 + border左右 盒子高度 = height + padding上下 + border上下 margin相关技巧 1、 ...
分类：
Web程序 时间：
2018-12-27 22:50:10
阅读次数：
179
# 一.浮动布局的总结# 1.同意结构下,如果采用浮动布局,所有的同级别兄弟标签采用浮动布局# 2.浮动布局的盒子宽度在没有设定时会自适应内容宽度# 二.盒子的显隐# display:none;# 该隐藏方式在页面中不占位,显隐都不会影响其他标签布局,不需要用动画处理时## opactiy:0;# ...
分类：
其他好文 时间：
2018-12-16 11:18:49
阅读次数：
174
先上代码 CSS html content-box截图 盒子宽度：1×2（border×2）+10×2（padding×2）+100(content-width)=122 盒子高度：1×2（border×2）+0×2（padding×2）+100(content-height)=102 border ...
分类：
其他好文 时间：
2018-10-11 01:35:30
阅读次数：
200
页面布局 有些CSS属性，后代元素会集成祖先元素的设置。font类型、color、文本属性 有些CSS属性，不会继承祖先元素。布局相关、border、背景 1盒子模型 1.1定义 任意一个元素都可以当做盒子模型 盒子可以通过CSS更改其大小，盒子宽度由宽高（width/height）+边距（padd ...
分类：
其他好文 时间：
2018-07-31 23:33:43
阅读次数：
204
女朋友公司需求，要求做一个可以拖拽和伸缩的盒子，还挺急的，她暂时没什么头绪，交到我这了，┭┮﹏┭┮，写吧，熬了几天夜，可算是写出来了 首先去GitHub找拖拽放大相关的Demo，找到，哈哈。 为方便大家使用，我把源码奉上，取相同的命名即可。 css文件名 — Drag.css @charset 'u ...
分类：
其他好文 时间：
2018-05-24 18:12:52
阅读次数：
160
