一些列表标题会要求显示两行+……
发表日期： 2020-10-11 09:15:54 浏览次数：223
徐州市丰县五段镇公司网页制作、徐州市丰县张庄镇制作企业网站、徐州市沛县张寨镇高端网站建设、徐州市沛县敬安镇竞价托管公司、徐州市沛县河口镇网站推广、徐州市沛县栖山镇公众号开发
徐州，简称“徐”，古称彭城，是江苏省地级市，国务院批复确定的国家历史文化名城，全国性综合交通枢纽，淮海经济区中心城市。截至2019年，徐州下辖5个市辖区、3个县、2个县级市，总面积11258平方千米 ，常住人口882.56万人。
徐州地处华北平原东南部、江苏省西北部，京杭大运河穿境而过，陇海铁路、京沪铁路两大干线在此交汇，素有“五省通衢"之称。徐州是华东重要门户城市，华东地区重要的经济、科教、文化、金融、医疗和对外贸易中心，也是国家“一带一路”重要节点城市、长三角北翼重要中心城市 ，徐州都市圈核心城市，国际新能源基地，有“中国工程机械之都”的美誉。
原始社会末期，帝尧时彭祖建大彭氏国，是江苏境内最早出现的城邑。徐州历史上为华夏九州之一 ，自古便是北国锁钥、南国门户、兵家必争之地和商贾云集中心，也是淮海地区的政治、经济、文化中心。徐州有超过6000年的文明史和2600年的建城史，是著名的帝王之乡，有“九朝帝王徐州籍”之说。徐州是两汉文化的发源地，有“彭祖故国、刘邦故里、项羽故都”之称，因其拥有大量文化遗产、名胜古迹和深厚的历史底蕴，也被称作“东方雅典”。
徐州属温带季风气候，四季分明，有云龙湖、云龙山、彭祖园、楚王陵、潘安湖、大龙湖、窑湾古镇等旅游景点，有彭祖、刘邦、孙权、李煜等历史名人。徐州先后获得中国优秀旅游城市、全国文明城市、联合国人居奖等称号。2021年5月，第十三届中国（徐州）国际园林博览会将在徐州举办，展期6个月。
一些列表标题会要求显示两行+……
WebKit浏览器或移动端的页面
在WebKit浏览器或移动端（绝大部分是WebKit内核的浏览器）的页面实现比较简单，可以直接使用WebKit的CSS扩展属性(WebKit是私有属性)-webkit-line-clamp ；注意：这是一个 不规范的属性（unsupported WebKit property），它没有出现在 CSS 规范草案中。
-webkit-line-clamp用来限制在一个块元素显示的文本的行数。 为了实现该效果，它需要组合其他的WebKit属性。常见结合属性：
display: -webkit-box; 必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。
-webkit-box-orient 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。
text-overflow: ellipsis;，可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本。
这个属性比较合适WebKit浏览器或移动端（绝大部分是WebKit内核的）浏览器
跨浏览器兼容的方案
比较靠谱简单的做法就是设置相对定位的容器高度，用包含省略号(…)的元素模拟实现；
这里注意几点：
height高度真好是line-height的3倍；
结束的省略好用了半透明的png做了减淡的效果，或者设置背景颜色；
IE6-7不显示content内容，所以要兼容IE6-7可以是在内容中加入一个标签，比如用<span class="line-clamp">...</span>去模拟；
要支持IE8，需要将::after替换成:after；
用js也可以根据上面的思路去模拟，实现也很简单，推荐几个做类似工作的成熟小工具
1.Clamp.js
下载及文档地址：https://github.com/josephschmitt/Clamp.js使用也非常简单：
2.jQuery插件-jQuery.dotdotdot
这个使用起来也很方便：
10 月 9 日，阿里巴巴在与上海达成战略合作的当日宣布，将在上海开出首家线下 “1 元体验店”，并否认此举系为对标拼多多。
阿里此举被外界视为在线下宣战国内最大 “10 元店”名创优品的新动作，从盒马高端会员店到街头 1 元店，阿里希望在 “新零售”的旗帜下实现大小通吃。但值得注意的是，市场似乎并不认可阿里巴巴此时掉头宣战名创优品的决定，因此，原本在线上与阿里巴巴进行竞争的拼多多意外成为了受益股。当日美股开盘后，拼多多应声上涨 8.35%，最终报收于 79.54 美元，上涨 8.35%，创下 6 月以来单日最大涨幅。同日阿里巴巴股价则由涨转跌，据富士康当日披露的材料显示，郭台铭直接高位抛售了一半阿里巴巴股票。
徐州市丰县五段镇公司网页制作、徐州市丰县张庄镇制作企业网站、徐州市沛县张寨镇高端网站建设、徐州市沛县敬安镇竞价托管公司、徐州市沛县河口镇网站推广、徐州市沛县栖山镇公众号开发
