摘要： 一.前言 将高度设置成百分比时，其高度是基于父元素来定的，设置成50%，就是将该元素高度设置成 父元素的高度值 x 50%。 但是将高度设置成百分比时，往往是不生效的！高度依然为0，这是为啥? 道理很简单，那就是父元素的高度也为0。 所以这就需要讲到浏览器对宽度及高度是如何计算的。 浏览器在计算有效 阅读全文

摘要： 文本超出若干行就换行，这个功能几乎每个文本浏览网站都会用到，实现它的办法也有很多，今天简单的介绍一下实现它的方法。 一. 单行文本不换行，并将超出文本隐藏 .box-content{ overflow: hidden;//文本溢出隐藏 text-overflow: ellipsis;//文本溢出显示 阅读全文

摘要： 一、神奇的两个inline-block 很初级的问题，无聊决定写一个故事。 故事的主人公很简单，两个inline-block元素。代码如下，为了看起来简单明了，写得很简陋。效果图如右。发现有两个问题。 1：两个元素水平有空隙，简单的初始化margin：0好像并没有起想象中的作用，为什么呢 2：两个元 阅读全文