![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
elichan
一给我里giao!
展开
-
CSS:关于盒子模型的那些事
标准盒子模型:宽度=内容宽度(content)+ border + padding怪异盒子模型(低版本IE盒子模型):宽度=内容宽度(content+border+padding)相关CSS3属性——box-sizingbox-sizing:content-box(标准盒子模型,宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框)box-s...原创 2020-03-26 22:57:31 · 137 阅读 · 0 评论 -
css清除浮动
不清除浮动会导致内容高度塌陷,比如在浮动元素的父元素未设置高度的情况下,父元素会发生高度塌陷。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .a{ bac...原创 2020-03-08 23:12:29 · 110 阅读 · 0 评论 -
p标签实现自动换行
word-break:normal;white-space:pre-warp;word-wrapL:break-word;翻译 2017-10-19 15:53:39 · 49352 阅读 · 0 评论 -
弹性布局(Flex)笔记
1.Flex布局是什么?Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局.box{ display: flex;}行内元素也可以使用Flex布局.box{ display: inline-flex;}Webkit内核的浏览器,都必须加上-webkit前缀.box{ di...原创 2019-01-29 09:54:06 · 148 阅读 · 0 评论