- 博客(5)
- 收藏
- 关注
原创 设置height=100%需要注意的点
width=100%对父元素的没有特别的要求,而height=100%则是依照父元素的height来设置自己的height的.以下代码为例子:.ul { margin: 0; padding: 0; background-color: #e2e2e2; width: 25%; height: 100%; list-style: none;
2022-01-20 16:16:02
652
原创 使用 position 来对齐元素时需注意的问题
当使用 position 来对齐元素时, 通常 <body> 元素会设置 margin 和 padding 。 这样可以避免在不同的浏览器中出现可见的差异。当使用 position 属性时,IE8 以及更早的版本存在一个问题。如果容器元素(在我们的案例中是 <div class="container">)设置了指定的宽度,并且省略了 !DOCTYPE 声明,那么 IE8 以及更早的版本会在右侧增加 17px 的外边距。这似乎是为滚动条预留的空间。当使用 position 属性时,
2022-01-20 11:32:21
287
转载 inline-block的存在问题及解决方案
水平间隙问题:我们创建一个导航列表,并将其列表 item 设置为 inline-block,主要代码如下:<div class="nav"> <a class="nav-item" href="#">导航</a> <a class="nav-item" href="#">导航</a> <a class="nav-item" href="#">导航</a></div>.nav { ba
2022-01-20 11:02:51
503
原创 居中与对齐中的padding和line-height
设置容器上下 padding 相同实现垂直居中和使用 line-height=height 实现垂直居中仅对单行文本有效,当文本行数超过单行时:1)padding:文本仍然处于容器垂直居中的位置,但是容器的 height 会随着文本行数的增加而增大; 2)line-height=height:容器的 height 不变,line-height 是文本的行间距,文本会溢出容器显示;多行文本可使用 vertical-align: middle; 来实现元素的垂直居中,但是如果子元素的内容体积大于父元..
2022-01-20 10:11:14
379
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人