1. 可以不设置width时尽量不设置width,保留内容的流动性
2. 对于内联元素,最小宽度为当文字为汉字时则为一个汉字的宽度。当为英文时,则为一个没有空格的英文的宽度,比如:
~~~
.father {
width: 0;
}
<div class='father'>
<span>子元素</span>
</div>
~~~
他的效果图是这样的
![](https://box.kancloud.cn/39651efdd3fcdb198af206ac638e2226_51x88.png)
他的子元素并不会被隐藏
3. inline-block元素,他的意思是他的外部盒子使用的是inline
4. line-height 无法影响替换元素,即img等标签使用line-height时无法让其垂直居中的
5. line-height:1.5和line-height:150%;的区别在于,当为1.5时,子元素继承的是他的属性值,当为150%时,子元素继承的是他的计算最终值。
### after伪元素
1. after伪元素要生效需要3要素
- display:block;table;
- content: ''
- width;and height;
- 空白目录
- Javascript
- angularjs
- 自定义指令
- scope
- 自定义指令的封装
- 自定义指令限制只能输入数字
- 轮播图
- 写angular的顺序
- $state
- video
- Es6
- Let
- 箭头函数
- export
- promise
- 函数
- vue
- vue安装,以及项目结构
- vue的使用
- easy-vue
- vue起步
- vue基础
- vue-router
- vue-各文件的依赖关系
- vuex
- vue使用sass语法
- mpvue使用wx.parse
- vue-cli 构建vue项目
- vant的使用
- vue使用插件及常见问题
- 原生Js
- 数组
- ajax
- 执行上下文
- 正则表达式
- jqurey
- jqurey-mobile
- html5
- 工具
- svn使用总结
- webpack
- webpack的构建
- WebStorm
- 切图相关
- 苹果手机注意事项
- other
- 前端的价值
- 面试相关
- css
- 小程序如何引用外部字体
- 流的理解
- 替换元素
- content和伪元素
- padding和background 绘制图形
- css圆角,阴影,渐变
- line-height verticle-align
- 使用background绘制4个直角
- android的字体偏上的问题
- 小程序
- 小程序常见问题
- 小程序常用效果
- mpvue
- nodejs
- 前端工程化学习笔记
- mork.js学习