CSS
关注
分享
扫一扫
文章平均质量分 62
灯火十里
这个作者很懒，什么都没留下…
展开
-
CSS媒体查询常用写法
/* Extra small devices (phones, 600px and down) */@media only screen and (max-width: 600px) {}/* Small devices (portrait tablets and large phones, 600px and up) */@media only screen and (min-width: 600px) {}/* Medium devices (landscape tablets, 768原创 2021-07-17 12:06:23 · 751 阅读 · 0 评论 -
圣杯布局和双飞翼布局
目录圣杯布局圣杯布局完整代码双飞翼布局双飞翼完整代码总结圣杯布局和双飞翼布局都是三栏布局，左右两栏宽度固定，中间区域宽度自适应。主要利用float来实现。为了让中间区域最先渲染，不论是圣杯布局还是双飞翼布局，都要把中间部分写在页面的最前端。圣杯布局首先定义页面的结构。需要一个最外层div，在其中定义左中右三个div，注意要把中间部分的div写在最前面，来达到最先渲染的目的。<div class="content"> <div class="middle">中间部分<原创 2021-07-04 20:45:38 · 110 阅读 · 0 评论 -
单行/多行文字溢出省略
单行文字省略样式代码，添加对应的class即可.text-ellipsis{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}示例：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <title>单行文字溢出省略</title>原创 2021-05-27 12:28:09 · 133 阅读 · 0 评论