1.瀑布流的实现方式2.实现垂直方向上的居中方式3.谈谈绝对定位和相对定位
(1)偏移量解决思路:首先水平方向居中margin:0auto,不必多说其次让居中元素脱离文档流,使它距离top50%,这样的结果就是元素本身的顶部到达盒子的中间position:relative;//脱离文档流top:50%;//设置top50%一半最后:再把元素本身上移本身的一半就实现了垂直居中(为什么是一半的高度?因为刚刚偏移了50%顶部...
1.上边距取最大值~~发生在两个盒子嵌套的时候,父盒子和子盒子同时设置margin的时候会出现实际的magin取的是两个margin的最大值eg:html: <div class="father"> <div class="son"> </div> </div>css:.father{ ...
方法一:跨浏览器兼容的方案比较靠谱简单的做法就是设置相对定位的容器高度,用包含省略号(…)的元素模拟实现;p{position:relative;line-height:1.4em;/* 3 times the line-height to show 3 lines */height:4.2em;overflow:hidden;}
所有主流浏览器均支持 :nth-child() 选择器,除了 IE8 及更早的版本.list li:nth-child(4n){margin-right:0;}这样直接写只有在支持CSS3的浏览器中才可正常显示。 $(document).ready(function(){ $(".list li:nth-child(4n)").css("margin-righ
一次开发中遇到,记录代码原理:1.给一个div,宽和高都为0的时候,盒子什么都没有看起来。为空白2.给一个宽高为0的盒子给一遍像素给100px的上边,下边和右边,border-top: 90px solid red;border-right: 100px solid black;border-bottom: 100px solid blue;这样左边没有,就会缩成一
代码记录:1.先去除当前默认的样式>type="radio" name="selected" value="{{list.Txt}}" {{list.Txt}}input[type="radio"]{ appearance: none; -webkit-appearance: none; outline: none; display:none;}2.自定义
Copyright © 2005-2024 51CTO.COM 版权所有 京ICP证060544号