qiankui的博客

1) 首先我们来实现一个最基础的边框效果 .content { width: 50px; height: 50px; border: 2px solid; border-color:#ff9600 #3366ff #12ad2a #f0eb7a; } 效果如下： 2) 然后我们尝试将border值放大10倍 .content { width:...

效果如图所示，图片下面和红线间有一行白色间隙 解决办法： 把图片转换成块状元素即可 .bannerImg{ display: block; } 去除后效果：   方法来源：https://blog.youkuaiyun.com/haibo0668/article/details/52837156...

iPhone手机上的浏览器（如Safari），在解析网页的时候会自动给 像是电话号码的数字 加上link样式。 可以添加下面的meta禁用掉这个功能。 <meta name="format-detection" content="telephone=no"> 去除前： 去除后：   转自：https://blog.youkuaiyun.com/atec2000/article...

<img src="img/480.png" srcset="img/480.png 480w , img/800.png 800w" alt="">  srcset值，不同尺寸的图片用逗号分隔，单位后面跟上w。

设置table-layout: fixed即可

<table>     <tr>         <td style="text-align:center;vertical-align:middle;">             文字内容             text-align:center;设置水平居中             vertical-align:middle;设置垂直居中         ...

overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 在使用上面三条属性时，文字并没有出现省略号，使用display: block;转成块状元素就可以了

未知宽高 position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);

select { text-align: center; text-align-last: center; }