面试比较重基础！ a、html部分： 内联标签、块级标签有哪些？两者的区别是什么？行内块元素有哪些？ html5新增的语义化标签有哪些？ b、CSS部分： 布局：position + flex 获取DOM元素的方法有哪些？ 块级元素居中？水平垂直居中的方法？不知道元素宽高情况下，如何实现水平垂直居中 ...
分类：
其他好文 时间：
2019-07-28 17:46:45
阅读次数：
104
水平居中 1.定宽。左右：margin：auto 2.弹性盒设置 justify—content：center 3.父元素设置 text-align：center 4相对定位元素 left：0；right：0；定宽：左右margin：auto 5.相对定位元素 margin-left：50%；tra ...
分类：
Web程序 时间：
2019-07-26 14:22:37
阅读次数：
134
盒模型 如何实现一个最大的正方形 用 撑开边距 一行水平居中，多行居左 水平垂直居中 贴上腾讯大佬的一篇文章： "16种方式实现水平居中垂直居中" 两栏布局，左边固定，右边自适应，左右不重叠 flex做自适应布局很容易，但兼容性不好，这里统一不用flex布局 如何实现左右等高布局 布局兼容性最好，当 ...
分类：
Web程序 时间：
2019-07-20 14:34:32
阅读次数：
129
通常在设置绝对定位元素相对于其定位的祖先元素水平垂直居中时，通过绝对定位元素设置margin:auto; top:0; bottom:0; right:0; left:0;就可以实现。下面简单探索一下绝对定位元素这么设置就可以实现水平居中和垂直居中的原理。 核心CSS代码： 绝对定位元素的布局由元素 ...
分类：
其他好文 时间：
2019-07-17 18:30:20
阅读次数：
131
1. flex设置元素垂直居中对齐 在之前的一篇文章中记载过如何垂直居中对齐，方法有很多，但是在学习了flex布局之后，垂直居中更加容易实现 HTML代码： CSS代码： 2. 用flex布局制作导航栏 以前在写导航栏的时候，总是用float或者display：inline-block实现，但是这两 ...
分类：
其他好文 时间：
2019-07-06 00:04:11
阅读次数：
95
在用html设计计算器时，对于水平居中和垂直居中很不解，查了一些资料，下面这篇博文内容充实，通俗易懂，我很快就get到了精髓，在阅读之前我先贴上几张做计算器的代码截图，用案例说明一下水平居中的 含义： 要让#keys代表的按键钮空间水平居中，它是块级元素，就可以把它的父元素中设置margin：15p ...
分类：
其他好文 时间：
2019-07-05 15:34:00
阅读次数：
89
我是内容盒子 /*方法一：position margin: auto*/ .container { position: relative; } .content { position: absolute; top： 0； left： 0; right： 0； bottom: 0;... ...
分类：
Web程序 时间：
2019-07-03 13:50:15
阅读次数：
163
1.背景介绍 传统的布局解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所 ...
分类：
其他好文 时间：
2019-07-02 21:34:35
阅读次数：
141
