多行文字溢出[...]的实现(text-overflow: ellipsis)

admin9年前程序心得1899

对于单行文字, 很简单.

 


Css代码  收藏代码
  1. .oneLine {  

  2.     width: 200px;  

  3.     overflow: hidden;  

  4.     white-space: nowrap;  

  5.     text-overflow: ellipsis;  

  6. }  

 

对于多行文字, 上面的代码就不适用了. web-kit based 的浏览器提供了对这个特殊需求的支持.

 


Css代码  收藏代码
  1. .twoLine {  

  2.     overflow: hidden;  

  3.     text-overflow: ellipsis;  

  4.     display: -webkit-box;  

  5.     -webkit-line-clamp: 3;  

  6.     -webkit-box-orient: vertical;  

  7. }  

 

你只要调整-webkit-line-clamp的值就能实现在第n行[...].

 

对于其他内核的浏览器就只能用javascript来hack了.

Vimeo的Joe已经实现了这一功能, 可以参考 https://github.com/josephschmitt/Clamp.js 来详细了解.

分享到:

相关文章

navicat12 premium激活方法

navicat12 premium激活方法

下载:1:Navicat Premium 12.0.24:        链接: https://pan.baidu.c...

php 多进程处理任务脚本

$count = $this->objBlbServer->getCntByConds(['id >0']); //开启四个进程 $...

SVN Skipped 'xxx' -- Node remains in conflict 错误的解决办法

svn提交发现错误#cd /home/svn/app/# svn upUpdating '.':Skipped 'xxx' -- Node remains in con...




这里默认给虚拟网卡VMnet8,分配了IP:192.168.137.1。






二,在VMware中配置VMnet8



1)编辑 > 虚拟网络编辑器。选择VMnet8。配置子网IP:192.168.101.0。去掉Use local DHCP service to distribute IP address to VMs选项。




2)可以看到虚拟网卡VMnet8的IP变成了192.168.101.1。




3)查看网关。编辑 > 虚拟网络编辑器 > 选择VMnet8 > Nat设置。可以看到网关的IP为192.168.101.2。




三,配置虚拟机的静态IP

1) 给CentOS配置网关。
# vi /etc/sysconfig/network


NETWORKING=yes
HOSTNAME=centos64idx1
GATEWAY=192.168.101.2


2)修改网卡etho配置。配置IP为192.168.101.130。这里DNS1是必须要设置的否则无法进行域名解析。(主要修改IPADDR和DNS1)
# vi /etc/sysconfig/network-scripts/ifcfg-eth0


DEVICE=eth0
HWADDR=00:0C:29:CB:47:28
TYPE=Ethernet
UUID=ea0bc70a-c20a-4507-b2ed-f9091a160f8c
ONBOOT=yes
NM_CONTROLLED=yes
#BOOTPROTO=dhcp
BOOTPROTO=static
IPADDR=192.168.101.130
NETMASK=255.255.255.0
IPV6INIT=no
DNS1=192.168.101.2


3) 修改resolv.conf。
#vi /etc/resolv.conf
nameserver 192.168.101.2


4)重启网卡。
# service network restart


四,检查网络



1)虚拟机ping外网。


# ping www.baidu.com




2)本主机ping虚拟机。在cmd中ping 192.168.101.130。





五,如果不能访问外网,可以尝试关闭本地共享试试看。

(我在笔记本上共享无线到vmare8网卡是可以的。但是到pc电脑共享本地连接到vmware8网卡,就不能连接外网了。需要关闭共享,就可以ping 通baidu了)



a) 问题:ping 不通baidu配置








b) 正常能够访问外网的配置(注意:如果以上配置都没问题后,vm主机还是没法ping通或者无法连接到外网,则尝试1.在“虚拟网络设置”--》“还原默认设置”,2.在“计算机”---》“管理”--》“服务”---》“VMware Authorization Service”,启用)




本文转载自:

VMware中Nat方式设置静态IP (亲测可用)

一,共享无线连接或本地连接,给VMnet8。在网络配置中,选着无线连接,右键属性,共享。这里默认给虚拟网卡VMnet8,分配了IP:192.168.137.1。二,在VMware中配置VMnet81)...

MySQL分区技术

MySQL分区技术

分区介绍基本概念,把一个表,从逻辑上分成多个区域,便于存储数据。采用分区的前提,数据量非常大。如果数据表的记录非常多,比如达到上亿条,数据表的活性就大大降低,数据表的运行速度就比较慢、效率低下,影响m...

go xorm 优雅方式实现动态条件查询

 var persons []domain.Person  session := engine.Where("1=1"...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。