摘要：
label标签可以优雅地扩大表单控件元素的点击区域。例如，单纯的单选框点击区域就鼻屎那么大的地方，经常会点不到位置。因此，label标签的使用对于提高页面的可用性可访问性是很有帮助的。 其实，它的样子就是 网易云课堂就是这么做的 还有其他的网站（盗图的，哈哈） 我们一般有两种方法来优雅地扩展表单控件 阅读全文
摘要：
首先，span是行内元素，是没有宽高的。 我们来做个简单的布局 页面的最原始的效果,就给div加个边框： 为了能够让span的margin top和margin bottom生效，可以按照下面的做法：给span加一个display:inline block或者直接display:block;具体操作 阅读全文
摘要：
为了演示效果，我故意将文字变为12px，将复选框变大，看到的效果就是下面的那样 然后，我们通过给复选框添加vertical align：middle；让文字和复选框达到同一水平线的效果 阅读全文
摘要：
每次用到了<input/> 元素 和inline-block的<span></span>（不一定是span，其他一些inline的元素也是一样）元素，他们总是会不在一个水平线上，这个时候就很蛋疼了，毕竟不在水平线上，很不美观。 有以下解决办法： 不加浮动时，可以通过截图发现，它是不再一条水平线上的， 阅读全文
摘要：
以前一直一位input是个行内元素，但是，行内元素的特性就是没有宽高的概念，元素多高，多宽，全凭内容撑起来的。 但是今天写了个demo,用chrome控制台显示：display:inline-block。 但是给label和input同时加上宽度和高度，input的高宽居然变了，但是奇怪的是在IE6 阅读全文