随笔分类 -  flex布局

html布局电脑端banner图片百分比自动缩放
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .banner_pic { width: 100%; height: 284px; border: seagreen 阅读全文
posted @ 2023-10-16 14:33 猖狂的小山猪 阅读(73) 评论(0) 推荐(0)
flex 布局之左右边距对齐，换行左对齐2
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <style type="text/css"> li { list-style: none; } .List { width: 100%; box 阅读全文
posted @ 2023-09-27 15:47 猖狂的小山猪 阅读(172) 评论(0) 推荐(0)
flex 布局之左右边距对齐，换行左对齐
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .BetweenList { display: flex; flex-wrap: wrap; } .BetweenL 阅读全文
posted @ 2023-09-24 16:18 猖狂的小山猪 阅读(830) 评论(0) 推荐(0)