文档章节

前端小技巧:【css强制换行】,【强制不换行,多余用省略号代替 一行】,【文字两端对齐】

用坚强意志维持好习惯
 用坚强意志维持好习惯
发布于 2016/06/15 09:59
字数 279
阅读 97
收藏 0


css强制换行   word-wrap:break-word;

强制不换行,多余用省略号代替 一行  overflow: hidden;white-space: nowrap;text-overflow: ellipsis;


强制不换行,多余用省略号代替 两行 overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;

文字两端对齐  text-align:justify;text-align-last:justify;

图片垂直居中 vertical-align:middle;width:100%; height:auto;

禁用网站上的右侧拦截功能
document.onkeydown=function(){}
document.onselectstart=function(){}
document.body.oncopy=function(){}
document.oncontextmenu=function(){}

 


手机上点击A标签时,去掉默认的背景颜色
a{-webkit-tap-highlight-color:transparent;}


IE低版本下,设置背景图片的尺寸100%时的方法:
background:url(../image/Footer_07.jpg) no-repeat center center;
background-size: cover;
-ms-behavior: url(backgroundsize.min.htc);
behavior: url(backgroundsize.min.htc);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='../image/Footer_07.jpg',sizingMethod='scale');

© 著作权归作者所有

用坚强意志维持好习惯
粉丝 0
博文 1
码字总数 279
作品 0
美国
前端工程师
私信 提问
【CSS】CSS强制英文、中文换行与不换行

CSS强制英文、中文换行与不换行 结构: 1.Transshipment Booking System is launched只对英文起作用,以字母作为换行依据 2.Transshipment Booking System is launched只对英文起作用,以单词...

呢喃的猫咪
2013/01/05
131
0
【CSS实践】——div和table中容纳长文本设置省略值...

前言 积累一下css代码,关于html中文本过多,不想全部展示,多余部分被省略号替代 内容 关于table中td中文本超过td大小设置省略值 展示效果 设置一个table中td文本过长设置省略值,必须 一....

changyinling520
2018/04/26
0
0
CSS强制英文、中文换行与不换行 强制英文换行

word-break:break-all;只对英文起作用,以字母作为换行依据 2. word-wrap:break-word; 只对英文起作用,以单词作为换行依据 3. white-space:pre-wrap; 只对中文起作用,强制换行 4. white-s...

哈狮子
2015/12/21
87
0
Web前端设计:Html强制不换行标签用法代码示例

在网页排版布局中比如文章列表标题排版,无论多少文字均不希望换行显示,需要强制在一行显示完内容。这就可以nobr标签来实现。它起到的作用与word-break:keep-all 是一样的。nobr 是 No Bre...

小星星程序员
2014/11/16
1K
0
css防止ul下的li换行(li超出宽度变成…)代码

在使用css结合div布局的时候碰到了一个问题。 在一个规定宽度大小的ul里边 我把li的宽度定义为自动。企图让li根据内容长度来自动向左对齐排列。 例如宽度为210px的ul里 分别有4个li 这个4个l...

功夫panda
2013/01/09
8.1K
2

没有更多内容

加载失败,请刷新页面

加载更多

面试官问:平时碰到系统CPU飙高和频繁GC,你会怎么排查?

处理过线上问题的同学基本上都会遇到系统突然运行缓慢,CPU 100%,以及Full GC次数过多的问题。当然,这些问题的最终导致的直观现象就是系统运行缓慢,并且有大量的报警。本文主要针对系统运...

Java高级架构师n
38分钟前
18
0
面向对象编程

1、类和对象 类是对象的蓝图和模板,而对象是实例;即对象是具体的实例,类是一个抽象的模板 当我们把一大堆拥有共同特征的对象的静态特征(属性)和动态特征(行为)都抽取出来后,就可以定...

huijue
今天
18
0
redis异常解决 :idea启动本地redis出现 jedis.exceptions.JedisDataException: NOAUTH Authentication required

第一次安装在本地redis服务,试试跑项目,结果却出现nested exception is redis.clients.jedis.exceptions.JedisDataException: NOAUTH Authentication required错误,真是让人头疼 先检查一...

青慕
今天
32
0
Spring 之 IoC 源码分析 (基于注解方式)

一、 IoC 理论 IoC 全称为 Inversion of Control,翻译为 “控制反转”,它还有一个别名为 DI(Dependency Injection),即依赖注入。 二、IoC方式 Spring为IoC提供了2种方式,一种是基于xml...

星爵22
今天
32
0
Docker安装PostgresSql

Docker安装PostgresSql 拉取docker镜像 # docker pull postgres:10.1010.10: Pulling from library/postgres9fc222b64b0a: Pull complete 38296355136d: Pull complete 2809e135bbdb: Pu......

Tree
今天
17
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部