摘要: 使用div元素制作一个三角形: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> 阅读全文
posted @ 2020-04-17 14:25 lanshanxiao 阅读(687) 评论(0) 推荐(0) 编辑
摘要: 居中:盒子在其包含块中居中 1.行盒(行块盒)水平居中: 直接设置行盒(行块盒)父元素的text-align属性:center 2.常规流块盒水平居中: 定宽,设置左右margin为auto; div{ width:100px; margin:0 auto; } 3.绝对定位的水平居中: 定宽,设置 阅读全文
posted @ 2020-04-17 11:23 lanshanxiao 阅读(214) 评论(0) 推荐(0) 编辑
摘要: 1.行盒内容垂直方向对齐: 在行盒元素上使用vertical-align:bottom/middle/top 或者像素值 2.图片的底部白边问题: 图片的父元素是一个块盒,块盒高度自动,图片底部和父元素底部之间往往会出现空白 如下图所示: 解决方法: 1.设置父元素的字体大小为0,font-size 阅读全文
posted @ 2020-04-17 09:35 lanshanxiao 阅读(286) 评论(0) 推荐(0) 编辑