摘要: 话不多说先上要实现的效果:(很简单水平居中) <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>左右固定中间自适应</title> </head> <style type="text/css"> * { margin: 0; pa 阅读全文
posted @ 2020-11-29 18:01 鱼樱前端 阅读(214) 评论(0) 推荐(0) 编辑
摘要: 话不多说先上要实现的效果:(很简单水平居中) <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <style type="text/css"> /* 方式一 */ .box{ width: 100 阅读全文
posted @ 2020-11-29 17:27 鱼樱前端 阅读(111) 评论(0) 推荐(0) 编辑
摘要: 话不多说先上要实现的效果:(很简单水平居中) <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>元素垂直居中的方法</title> </head> <style type="text/css"> /* 方式一 */ .box{ w 阅读全文
posted @ 2020-11-29 17:10 鱼樱前端 阅读(91) 评论(0) 推荐(0) 编辑
摘要: 话不多说先上要实现的效果:(很简单水平居中) <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>元素水平居中的方法</title> </head> <style type="text/css"> /* 方式一 margin 0 a 阅读全文
posted @ 2020-11-29 16:54 鱼樱前端 阅读(165) 评论(0) 推荐(0) 编辑