文档章节

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

用坚强意志维持好习惯
 用坚强意志维持好习惯
发布于 2016/06/15 09:59
字数 279
阅读 21
收藏 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
0
0
CSS强制英文、中文换行与不换行 强制英文换行

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

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

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

小星星程序员
2014/11/16
0
0
【CSS实践】——div和table中容纳长文本设置省略值...

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

changyinling520
04/26
0
0
css防止ul下的li换行(li超出宽度变成…)代码

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

功夫panda
2013/01/09
0
2

没有更多内容

加载失败,请刷新页面

加载更多

day96-20180923-英语流利阅读-待学习

英国王子也不看好人工智能,理由却和霍金不同 Daniel 2018-09-23 1.今日导读 2016 年 3 月 9 日至 15 日,世界围棋冠军李世石与谷歌研发的计算机围棋程序 AlphaGo 进行人机大战并以 1 比 4 ...

飞鱼说编程
46分钟前
1
0
今天在码云遇到一个很有意思的人 for Per.js

今天在码云遇到一个很有意思的人,他在我的Per.js项目下面评论了一句,大意为“你试试这句代码,看看速度到底是你快还是Vue快”【当然,这个评论被我手残不小心删掉了...】。 然后我就试了,...

Skyogo
51分钟前
24
0
Java -------- 首字母相关排序总结

Java 字符串数组首字母排序 字符串数组按首字母排序:(区分大小写) String[] strings = new String[]{"ba","aa","CC","Ba","DD","ee","dd"}; Arrays.sort(strings); for (int i ...

切切歆语
53分钟前
2
0
还在用 Git 的 -f 参数强推仓库,你这是在作死!

最近,美国一个程序员因为同事不写注释,代码不规范,最严重的是天天使用 git push -f 参数强行覆盖仓库,该程序员忍无可忍向四名同事开抢,其中一人情况危急!!! 不写注释、代码不规范是一...

红薯
今天
480
0
NPM报错终极大法

所有的错误基本上都跟node的版本相关 直接删除系统中的node 重新安装 sudo rm -rf /usr/local/{bin/{node,npm},lib/node_modules/npm,lib/node,share/man/*/node.*} 重新安装 $ n lts$ npm...

lilugirl
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部