CSS+JS实现banner图滚动和点击切换 HTML 部分代码: CSS代码: JS 部分代码: ...
分类:
Web程序 时间:
2017-04-16 19:20:11
阅读次数:
266
1、单行文本显示省略号 width:value(具体的值);设置容器具体的宽度 white-spacing:nowrap;强制文本在一行内显示 overflow:hidden;溢出内容为隐藏 text-overflow:ellipsis;溢出文本显示省略号 2、多行文本显示省略号 display:- ...
分类:
Web程序 时间:
2017-04-11 15:02:46
阅读次数:
276
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.or ...
分类:
其他好文 时间:
2017-04-09 18:50:07
阅读次数:
368
弹性布局是由w3c在2009年提出的一种布局方法,目前浏览器都已经支持弹性布局(忽略IE6吧)。本文主要讲解弹性布局的基本语法并将其应用到实际网页布局中。 怎样应用弹性布局? 改变盒子display的属性为flex即可将盒子变为flex容器(flex container),其所有子元素自动变为容器成 ...
分类:
其他好文 时间:
2017-04-08 19:31:17
阅读次数:
315
white-space:nowrap; //white-space 属性设置如何处理元素内的空白。nowrap:文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。 overflow:hidden; word-break:keep-all; //word-break属性规定自动换行的 ...
分类:
其他好文 时间:
2017-04-07 15:46:35
阅读次数:
210
设置了一定的宽度和高度。但无论是下面哪句都无效。 word-break: break-word; word-wrap: break-word; 原因竟然是因为 /* white-space: nowrap; */ 将其改为normal即可: width: 145px; height: auto; w ...
分类:
Web程序 时间:
2017-04-06 20:03:28
阅读次数:
137
如果是一行的话 css为 white-space: nowrap; 保证文本内容不会自动换行,如果多余的内容会在水平方向撑破单元格。 overflow: hidden; 隐藏超出单元格的部分。 text-overflow: ellipsis; 将被隐藏的那部分用省略号代替。 若是想要超出指定的行数再 ...
分类:
Web程序 时间:
2017-04-06 20:02:20
阅读次数:
169
div设置隐藏: visibility:hidden/visible(始终占位); display:none/block(不占位); 设置字体垂直居中: 常用line-height,不是所有的垂直居中都可以用line-height,常用垂直居中vertical-align; line-height通 ...
分类:
Web程序 时间:
2017-04-06 12:27:58
阅读次数:
278
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .div1{ width: 300px; overflow: hidden;//超出隐藏 text-overflow ...
分类:
其他好文 时间:
2017-04-02 17:38:29
阅读次数:
175
em:父元素的font-size为相对单位; rem:html的font-size为相对单位; 为了解决rem在进行单位换算上的麻烦问题,给大家介绍个使用rem的小方法,设置html字体大小为font-size:62.5%;然后使用rem的时候就更好用了,比如1.2rem=12px,1.4rem=1 ...
分类:
Web程序 时间:
2017-04-01 19:47:42
阅读次数:
186