今天花了一个小时对页面略做了一些美化，看起来更专业了点， 主要是一些背景图片之类的样式调整，初学者可以看下，如何切分spirit图片，遇到问题主要是LI中的元素如何垂直居中的问题（解决方案是li设置height和line-height相同）,增加了一个span用于显示图片，但它的对齐花了不少时间。 ...
分类：
Web程序 时间：
2018-09-30 20:07:04
阅读次数：
280
第一种： #container{ position:relative;} #center{ width:100px; height:100px; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%);} 这种方法能 ...
分类：
其他好文 时间：
2018-09-26 14:22:39
阅读次数：
158
.parent { width:800px; height:500px; border:2px solid #000; display:flex; justify-content:center; align-items:center; } .child { width:200px; height:2 ...
分类：
其他好文 时间：
2018-09-24 00:53:16
阅读次数：
238
一.盒子模型 https://www.cnblogs.com/smyhvae/p/7256371.html 问题1：盒子的height和width是中间内容框的height和width。这里1234是内容框内的内容。要让内容1234在盒子中居中显示： （1）水平居中显示：text-align:cen ...
分类：
其他好文 时间：
2018-09-20 19:50:04
阅读次数：
245
网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各 ...
分类：
其他好文 时间：
2018-09-19 16:23:03
阅读次数：
165
div水平垂直居中方法一： div水平垂直居中方法二： img水平垂直居中方法： ...
分类：
Web程序 时间：
2018-09-17 00:01:28
阅读次数：
242
1.div的水平居中 2.table-cell实现垂直居中 3.display:flex布局的方式 4.知道div高度和宽度的垂直居中 1.使用绝对定位，高50%，宽50% 2.然后再margin-left div宽度的一半 margin-top div高度的一半 5.不知道div高度和宽度的垂直居 ...
分类：
Web程序 时间：
2018-09-15 11:30:47
阅读次数：
154
1.host 水平居中 2.host1 垂直居中 3.hello 既水平又垂直居中 ...
分类：
其他好文 时间：
2018-09-14 23:06:55
阅读次数：
186
网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式 ...
分类：
其他好文 时间：
2018-09-14 17:26:52
阅读次数：
229
https://blog.csdn.net/u014607184/article/details/51820508 https://blog.csdn.net/liuying1802028915/article/details/79408551 <!-- flowchart 箭头图标 勿删 --> ...
分类：
Web程序 时间：
2018-09-12 19:58:25
阅读次数：
235
