随笔分类 -  每日小问题（css）

复选框和后面的文字垂直居中对齐
摘要：如下图，要使复选框和后面的文字都基于外层的div垂直居中，那么要同时给div和input元素设置vertical-align：middle。（如果没有用，那么在div元素中就通过line-height为div的height值设置垂直居中 阅读全文
posted @ 2020-04-12 18:12 雨停了，风来了 阅读(592) 评论(0) 推荐(0)
line-height垂直居中
摘要：当line-height等于元素的高度时，可使该元素内的行内元素垂直居中，不会使块级显示模式元素垂直居中，在下述情况中：某个div元素内有一个h2元素，给div设置line-height等于height值时，会使h2中的文字垂直居中，而不会改变h2的位置：（因为h2继承了父元素div的line-he 阅读全文
posted @ 2020-04-08 16:56 雨停了，风来了 阅读(472) 评论(0) 推荐(0)
没有设置overflow:hidden的情况下line-height超出盒子范围
摘要：当父元素设置有overflow:hidden的情况下，设置line-height的值超出父元素盒子范围时，其内容会被隐藏，而在没有设置overflow:hidden的时候，一般情况下当line-height的值超出父元素盒子范围时，其内容会显示在下面的元素中，但由于下面元素的一些不同情况，其内容有时 阅读全文
posted @ 2020-04-08 11:44 雨停了，风来了 阅读(380) 评论(0) 推荐(0)
margin-top超出所在盒子范围
摘要：body中的内容如下所示，设置两个div盒子元素，其中分别放置两个p标签并写上文字。 第一种情况，css样式如下，注意给box1中的p标签设置了浮动属性，当一直调大margin-top的值，直到p标签中的文字超出了box1的范围，会发现box2中的文字不再居左显示，而是紧跟第一段文字后面显示，即使b 阅读全文
posted @ 2020-04-05 19:35 雨停了，风来了 阅读(458) 评论(0) 推荐(0)
复合属性（由于层叠带来的小问题）
摘要：使用复合属性要注意要将复合属性写在前面，单属性写在后面，以层叠复合属性中的单属性值，若将复合属性写在后面，如 那么并不会显示字体为斜体以及不会变粗，即因为复合属性没有写相应的属性，则会直接将其层叠为没有相应的样式，因此很容易出现问题。 复合属性有font、border、background等，其中尤 阅读全文
posted @ 2020-03-24 19:49 雨停了，风来了 阅读(341) 评论(0) 推荐(0)
margin百分数
摘要：为margin设置百分数时，无论是margin-left、margin-top、margin-right、margin-bottom，都是相对于其父元素的width大小设定的，而不是按照height大小设定，padding也是同理。为什么基于width而不是height呢？css的权威解释如下： 我 阅读全文
posted @ 2020-03-09 11:03 雨停了，风来了 阅读(192) 评论(0) 推荐(0)