2021年10月28日
Emmet
摘要： Emmet 通过缩写和tab键快速生成基础结构 >　后代 <!-- div>div --> <div> <div></div> </div> +　兄弟（同级） <!-- p+p --> <p></p> <p></p> ^　上级 可多次跳 <!-- div>div>span^span --> <div 阅读全文
posted @ 2021-10-28 22:10 十七日尾 阅读(72) 评论(0) 推荐(0)
Flex:align-items
摘要： align-items　项目在交叉轴上对齐方式 flex-start：交叉轴的起点对齐。 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style type="text/css"> 阅读全文
posted @ 2021-10-28 21:47 十七日尾 阅读(95) 评论(0) 推荐(0)
Flex:justify-content
摘要： justify-content　项目在主轴上的对齐方式 flex-start (默认)　左对齐 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style type="text/css 阅读全文
posted @ 2021-10-28 21:23 十七日尾 阅读(109) 评论(0) 推荐(0)
Flex:flex-wrap
摘要： flex-wrap 当项目一行排不下时的换行方式 nowrap(默认)　不换行 会自动压缩项目使其能显示在一行 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style type=" 阅读全文
posted @ 2021-10-28 21:13 十七日尾 阅读(207) 评论(0) 推荐(0)
Flex:flex-direction
摘要： flex-direction　项目排列方向 row(默认)：　水平方向，起点在左 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style type="text/css"> 7 .b 阅读全文
posted @ 2021-10-28 21:02 十七日尾 阅读(135) 评论(0) 推荐(0)