css hack
草巾冒小子
好玩分享,一起进步撒!
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
css flex布局 模型(CSS justify-content 属性) - 代码案例
css flex布局 模型(CSS justify-content 属性) - 代码案例 效果图: . 代码如下: .father{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } 附: 案例 · 效果 · 演示地址:原创 2021-05-24 21:52:32 · 357 阅读 · 0 评论 -
css文字溢出部分在另一个div显示(代码篇)
css文字溢出部分在另一个div显示原创 2020-05-31 22:22:14 · 3015 阅读 · 0 评论 -
(自定义组件)通用- X轴横向:溢出滚动 (含代码)- 案例篇
移动端(自定义组件)- X轴横向:溢出滚动 (含代码)- 案例篇 效果截图: 实例代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,...原创 2020-04-26 17:31:02 · 1092 阅读 · 0 评论 -
CSS 文字垂直居中自适应 - 代码篇
CSS 文字垂直居中自适应 - 代码篇 引言 <div>内的文字能在图片缩放的同时,自动居中(自适应居中),详情看下列代码。 效果图: 解决办法 · 代码示下: /*CSS代码*/ .h3{position: absolute;top:0;left:0;width:100%;height:100%;font-size: 14px;font-weight: bold;tex...原创 2019-12-19 15:39:13 · 3842 阅读 · 0 评论 -
如何解决IE6的3像素问题?
当相邻的两个元素,一个是浮动的,另一个非浮动,那么在IE6 下面将会产生3像素bug。 &gt;原创 2018-07-24 14:09:21 · 669 阅读 · 0 评论 -
link标签引入.css文件(目的):适配不同屏幕
参考博客:https://blog.csdn.net/nianzhi1202/article/details/52464078 如下: 当只使用min_width或则max_width时;我们用min-width时,小的放上面大的在下面,同理如果是用max-width那么就是大的在上面,小的在下面,顺序不能混淆。例如: @media (min-width: 768px){ //&amp;gt;=768的...原创 2019-03-13 13:27:25 · 4081 阅读 · 0 评论 -
经历了px、em之后,用 rem 适配屏幕
文章源自:snook 截屏如下:原创 2019-09-19 14:32:43 · 423 阅读 · 0 评论
分享