当前位置: 首页 > news >正文

现在c 做网站用什么框架学字体网站

现在c 做网站用什么框架,学字体网站,韩国风格网站模板下载,表白视频制作网站语法: text-overflow:clip | ellipsis 默认值为clip 不显示省略标记 clip:当前对象内文本溢出时不显示省略标记,而是将溢出部分裁剪。 ellipsis:当对象内文本一处时显示省略标记(...)。 一、常见的单行文本溢出显示省略写法: text-overflow: ellipsis; …

语法:

text-overflow:clipellipsis

默认值为clip 不显示省略标记

clip:当前对象内文本溢出时不显示省略标记,而是将溢出部分裁剪。

ellipsis:当对象内文本一处时显示省略标记(...)。

一、常见的单行文本溢出显示省略写法:

text-overflow: ellipsis;

overflow: hidden;

white-space: nowrap;

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title></title></head><style type="text/css">.p{width: 100px;height: 40px;line-height: 40px;text-overflow: ellipsis;    /*1*/overflow: hidden;           /*2*/white-space: nowrap;        /*3*/word-break: break-all;}</style><body><p class="p">多行文本溢出显示多行文本溢出显示多行文本溢出显示</p></body>
</html>

二、多行文本溢出 

WebKit浏览器有一个-webkit-line-clamp的属性,用这个即可以实现webkit内核的浏览器、以及大部分移动端的多行文本溢出省略号;

display:-webkit-box;

-webkit-line-clamp: 3/*第几行裁剪*/

-webkit-box-orient:vertical;

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title></title></head><style type="text/css">.p {height: 60px;line-height: 30px;width: 80px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;     /*1*/-webkit-line-clamp: 2;    /*2*//*第几行裁剪*/-webkit-box-orient: vertical;   /*3*/} </style><body><p class="p">多行文本溢出显示多行文本溢出显示多行文本溢出显示多行文本溢出显示多示</p></body>
</html>

其它浏览器的话就需要通过js实现:

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title></title></head><style type="text/css">div{height: 60px;}p {line-height: 30px;width: 80px;margin: 0 auto;}</style><body><div id="div"><p id="p">多行文本溢出显示多行文本溢出显示多行文本溢行文本溢示</p></div></body><script type="text/javascript">var eleH = document.getElementById("div").clientHeight;var pEle = document.getElementById("p");while(pEle.clientHeight > eleH) {pEle.innerText = pEle.innerText.replace(/(\s)*([a-zA-Z0-9]+|\W)(\.\.\.)?$/, "...");};</script>
</html>

 

http://www.bjxfkj.com.cn/article/110809.html

相关文章:

  • 太原网站搜索优化中小型互联网企业有哪些
  • 网站怎么才可以不备案西安成品网站建设
  • 专业建设网站外包泉州安全教育平台
  • 奇胜网络 邯郸网站建设哪些网上订餐的网站做的好
  • xml网站地图制作wordpress汉化模板
  • 寺庙招人做网站维护吗wordpress 文章 置顶
  • php房产中介网站源码可视网站开发工具
  • 乱起封神是那个网站开发的?wordpress Suffusion
  • 宁波自适应网站建设建设银行信用卡积分兑换话费网站
  • 网站建设 客户同程山西太原建设银行招聘网站
  • 企业展示建设网站外贸网站外贸网站建设行吗
  • 做电影网站被找版权问题怎么处理泰安网站建设泽讯
  • 安徽建设学校网站邢台信息港二手车出售
  • 网站开发用哪个软件好产品摄影网站推荐
  • 301网站重定向怎么做做内衣的网站好
  • 海宏集团网站建设方案台州手机端建站模板
  • 做网站 怎么发布网站建设广告图片
  • 网站建设中最基本的决策乌镇网站建设标书
  • 兴仁市建设局网站wordpress 嵌入网页
  • 佛山网站快速排名提升链接在线缩短
  • 中小型网站建设与管理网站建设教程asp
  • 用自己的电脑做网站google store
  • 网站原型图大小做网站必须要公司才能做吗
  • 浙江省住房和城乡建设厅官方网站慧达seo免登录发布
  • 广州网站推广电话php一键建站
  • 网站弹窗怎么做重庆网站开发设计公司
  • 南京建设企业网站建站公司 知乎 discuz
  • 企业网站制作设seo sem是指什么意思
  • 绍兴企业免费建站手机网站建设需求分析
  • 做家教在哪个网站找邦利博客网站怎么做的