一、单行文本 注：white-space:normal（默认，空白会被浏览器忽略）|pre（空白会被浏览器保留，行为方式如同<pre>标签）|nowrap（文本不换行，直到遇到<br />标签）|pre-wrap（保留空白并正常换行）|pre-line（合并空白并换行）|inherit（继承）； 二 ...
分类：
其他好文 时间：
2017-08-27 11:55:48
阅读次数：
169
BootStrap基礎知識 1、 .lead //突出 .text-left //文字居左 .text-right //文字居右 .text-center //文字居中 .text-justify //文字兩端對齊 .text-nowrap //文字不換行 .text-uppercase //大寫 ...
分类：
其他好文 时间：
2017-08-22 10:56:54
阅读次数：
131
.select_item { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } ...
分类：
其他好文 时间：
2017-08-21 22:20:46
阅读次数：
317
1）如果一条轴线排不下时项目换行情况。（作用于项目） 【flex-wrap; ;】 【nowrap（默认）：不换行。当容器宽度不够时，项目宽度会被挤压】 【wrap:换行 wrap-reverse：换行，原本的第一行排列在下面】 ①flex-wrap; nowrap; ②flex-wrap; wra ...
分类：
其他好文 时间：
2017-08-20 21:21:51
阅读次数：
114
Bootstrap中默认的字体大小为14px,行高为20px,<p>元素为行高10px，字体为颜色为#333。 h1~h6标签字体大小：36px,30px,24px,18px,14px,12px。 h1~h3标签下的<small>标签元素的大小只占父元素的65%(23.4px,19.5px,15.6 ...
分类：
其他好文 时间：
2017-08-17 21:36:35
阅读次数：
255
flex伸缩盒子： 在父盒子中设置display： flex；子盒子中分别设置flex： 1，按比例设置flex属性值。 其他属性如下： 1、flex-grow：<number> // 用数值来定义扩展比率。不允许负值 2、flex-shrink：<number> // 用数值来定义收缩比率。不允许 ...
分类：
Web程序 时间：
2017-08-17 21:29:21
阅读次数：
191
一行： .oneline{ white-space:nowrap; overflow:hidden: text-overflow:ellipsis; width:100px; } <div class="oneline">abssadasasdgjkkkkkk;lk;k';</div> 多行(以3行 ...
分类：
其他好文 时间：
2017-08-16 13:11:35
阅读次数：
117
首先，要知道css的三条属性。 overflow:hidden; //超出的文本隐藏 text-overflow:ellipsis; //溢出用省略号显示 white-space:nowrap; //溢出不换行 这三个是css的基础属性，需要记得。 但是第三条属性，只能显示一行，不能用在这里，那么如 ...
分类：
Web程序 时间：
2017-08-16 11:38:43
阅读次数：
206
一、介绍 flex（ flexible box：弹性布局盒模型）,是2009年w3c提出的一种可以简洁、快速弹性布局的属性。主要思想是给予容器控制内部元素高度和宽度的能力。目前已得到以下浏览器支持： 二、了解两个基本概念： 容器：需要添加弹性布局的父元素； 项目：弹性布局容器中的每一个子元素，称为项 ...
分类：
其他好文 时间：
2017-08-13 20:07:35
阅读次数：
137
<div> 文本显示为单行,超过部分隐藏并使用省略号 修改 width 属性查看效果。</div> div { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:120px;} ...
分类：
其他好文 时间：
2017-08-11 10:05:04
阅读次数：
116
