项目开发过程中遇到一个主页，实现功能： 页面区域划分： 效果如下图： 一：页面在滚动到导航时导航吸顶（sticky粘性布局） sticky使用需要注意：1.父元素不能设置overflow:auto/hidden/scroll； 2.必须指定top、left、right、bottom其中一个，否则只会 ...
分类：
其他好文 时间：
2019-08-08 14:56:58
阅读次数：
954
colorscheme desert set guifont=Consolas:h11 set tabstop=4 set expandtab set shiftwidth=4 set nowrap set noswapfile set nobackup set noundofile set noh... ...
分类：
系统相关 时间：
2019-08-07 14:36:39
阅读次数：
145
【实现表格列宽自适应】 <div class="table-responsive"> <table class="table text-nowrap"> ...
分类：
其他好文 时间：
2019-08-06 17:03:37
阅读次数：
99
// 单行 overflow:hidden; /*超出宽度部分的隐藏*/ white-space:nowrap; /*文字不换行*/ text-overflow:ellipsis; /*超出则...代替*/ // 多行 text-overflow: -o-ellipsis-lastline; /*两... ...
分类：
其他好文 时间：
2019-08-02 10:48:01
阅读次数：
84
div超出部分点点显示 .divHXMDNoWrap{ width: 100px; /*必须设置宽度*/overflow: hidden; /*溢出隐藏*/text-overflow: ellipsis; /*以省略号...显示*/white-space: nowrap; /*强制不换行*/ } . ...
分类：
其他好文 时间：
2019-07-27 18:24:09
阅读次数：
88
弹性布局简介： 弹性布局，又称“Flex布局”，是由W3C老大哥于2009年推出的一种布局方式。 可以简便、完整、响应式地实现各种页面布局。而且已经得到所有主流浏览器的支持，我们可以放心大胆的使用。 >>> 了解两个基本概念，接下来会频繁提到： ① 容器： 需要添加弹性布局的父元素； ② 项目： 弹 ...
分类：
其他好文 时间：
2019-07-26 14:33:45
阅读次数：
82
/* 显示一行，省略号 */ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; /* 显示两行，省略号 */ text-overflow: -o-ellipsis-lastli ...
分类：
Web程序 时间：
2019-07-19 20:52:17
阅读次数：
132
1.所有div的父元素不换行 white-space: nowrap; 2.所有div设置为行内元素 display: inline-block; 基于java记账管理系统【尚学堂·百战程序员】 ...
分类：
其他好文 时间：
2019-07-16 16:37:45
阅读次数：
164
0.基本概念 采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称"项目"。 1.传统固定布局： 实现方法：用width和height指定宽高px值、以及float浮动 缺点： ...
分类：
其他好文 时间：
2019-07-11 12:33:03
阅读次数：
79
小程序中当rich-text中数据较多时就会出现溢出的现象 如下 此时的页面效果并不是很理想 此时我们可以在数据中给个div 加入 overflow: hidden; white-space: nowrap; text-overflow: ellipsis;三个属性解决溢出问题 但这不是很好，如果数 ...
分类：
微信 时间：
2019-07-10 23:12:07
阅读次数：
524
