摘要：点击文字元素变为input 方法一 增加 contentEditable 属性 点击文字元素变为select 方法一 1. 每个FormItem对应两个元素，第一个为p文字元素，第二个为可编辑的select。 2. 点击p元素后，state中的selectedItem属性设为该元素的label属性 阅读全文

摘要：默认情况下，元素是如何布局？ 首先，取得元素的内容，加上内边距（padding），边框（border），外边距（margin）放在一个盒子中 - 这就是我们之前看到的盒子模型 默认情况下，块级元素的内容宽度是其父元素宽度的100%，高度与其父元素相同。行内元素的高度与高度对应其内容的宽度与高度。不能 阅读全文

摘要：block inline-block inline区别 absolute定位详解：https://www.jianshu.com/p/a3da5e27d22b css浮动详解 float浮动 div变成可编辑元素 隐藏元素的5种方法 文字超出部分省略号显示 阅读全文

摘要：static ①元素的位置是在文档正常布局流中的位置。 ②设置top right bottom left与z-index无效。 ③在未指定position时，static是默认值 以下例子进行说明： 运行结果： 结果说明： relative (相对定位) ① 元素先放置在未添加定位时的位置（即文档正 阅读全文

摘要：flex属性 定义 flex布局包括最外层的容器和内部的元素，flex属性是内部元素属性。flex属性是flex-grow, flex-shrink, flex-basis三个属性的简写 flex-grow 设置元素占flex容器所剩空余空间的比例 flex-shrink 设置元素的收缩倍数，当元素 阅读全文

摘要：width 1. 设置元素内容区（content area）的宽度。 2. 如果box-szing属性设置为border-box，width表示border area的宽度，如下图 min-width 1. 设置元素的最小宽度。它可以避免元素的实际width的属性值比min-witdh更小的情况。 阅读全文

摘要：官方定义： height：定义了了元素的高度。默认情况下，该属性订了 content area（内容区域） 的高度。如果box-sizing属性设置为 border-box，那么height就表示border-area的高度。 line-height：用来设置多行元素的空间量，比如文本。对于块级元素 阅读全文