摘要：前两天，我照着社设计图单纯用html和css实现了一个有些小复杂的页面，发现自己构建的html结构没有达到理想的要求，css代码写的也很乱，所以今天下午我就对这个页面进行了修改，并且对细节的地方进行了总结。 我实现的页面大概就是下图的样子： 先从网页的整体来分析，网页主要分为三个大部分，分别为顶部的 阅读全文

摘要：前不久毕设写的差不多了，就想复习复习css的内容，对着效果图写了几个页面，发现好多地方都需要垂直居中，情况还多种多样。有单行文本需要垂直居中的、多行文本需要垂直居中的、图片需要垂直居中的、块级元素需要居中的，这些内容让我有些懵，于是今天晚上我就想把垂直居中的方法都总结一下，算是对之前的复习，也顺便帮 阅读全文

摘要：要实现中间列宽度自适应，左右两边固定宽度的三列布局，还可以使用双飞翼的布局方式。这种布局方式始于淘宝UED，同圣杯布局的操作流程非常相似，只是在最后一步有所不同。上一篇博客提到的圣杯布局，最后一步需要使用相对定位，让左右两列分别移动到它们应该待的位置上去。可是，因为用了相对定位，所以布局就显得不那么 阅读全文

摘要：左右两列固定宽度，中间列自适应宽度，是非常经典的三列布局，应用场景多为中规中矩的管理系统。 要想实现这样的三列布局，可以使用很多种方法，如绝对值法、浮动法、圣杯法、双飞翼法等，本文首先介绍圣杯法。 该方法的主要用到了浮动、相对定位以及负边距。 圣杯法的主要实现步骤如下所示： 1 html标签布局 先 阅读全文