1. 可以不設置width時盡量不設置width,保留內容的流動性
2. 對于內聯元素,最小寬度為當文字為漢字時則為一個漢字的寬度。當為英文時,則為一個沒有空格的英文的寬度,比如:
~~~
.father {
width: 0;
}
<div class='father'>
<span>子元素</span>
</div>
~~~
他的效果圖是這樣的

他的子元素并不會被隱藏
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學習