2019年10月28日
html--div里让图片水平居中
摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #wrap{ height: 400px; width: 400px; border: 1px solid ; margin: 0 auto; text-al 阅读全文
posted @ 2019-10-28 17:05 distant-遥远 阅读(2683) 评论(0) 推荐(0)
html--垂直居中
摘要： 2 已经知道块元素的高宽垂直方案 3 <!--已知高度的元素水平垂直居中方案--> <!-- 绝对定位盒子的特性 高宽有内容撑开 水平方向上： left + right + width + padding + margin = 包含块padding区域的尺寸 0 0 100 0 0 400 垂直方向 阅读全文
posted @ 2019-10-28 15:31 distant-遥远 阅读(1046) 评论(0) 推荐(0)
thml粘连布局
摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"/> <title></ 阅读全文
posted @ 2019-10-28 13:10 distant-遥远 阅读(260) 评论(0) 推荐(0)
使用绝对定位模拟固定定位
摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } html{ overflow: hidden; height: 100%; } body{ overflow: auto; height: 100%; } # 阅读全文
posted @ 2019-10-28 12:29 distant-遥远 阅读(385) 评论(0) 推荐(0)
html--双飞翼布局
摘要： <!--两组实现的对比: 1.俩种布局方式都是把主列放在文档流最前面，使主列优先加载。 2.两种布局方式在实现上也有相同之处，都是让三列浮动，然后通过负外边距形成三列布局。 3.两种布局方式的不同之处在于如何处理中间主列的位置： 圣杯布局是利用父容器的左、右内边距+两个从列相对定位； 双飞翼布局是把 阅读全文
posted @ 2019-10-28 12:21 distant-遥远 阅读(358) 评论(0) 推荐(0)
html--伪等高布局
摘要： <!DOCTYPE html><html><head><meta charset="utf-8" /><title>伪等高布局</title><style type="text/css">*{margin:0;padding:0;}#wrap{width:750px;border: 1px soli 阅读全文
posted @ 2019-10-28 09:33 distant-遥远 阅读(329) 评论(0) 推荐(0)