1.控制超出部分显示省略（单行）：
white-space: nowrap;text-overflow:ellipsis;overflow: hidden;
下面使用css3部分控制多行超出部分显示省略（此处适配谷歌内核浏览器）：
overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;/* 设置最高值，防止超出部分显示出来 */max-height: 30px;
2.实现标签背景透明，内容不透明：
background: rgba(255,255,255,0.6)!important;
3.调用服务器端字体：
@font-face{ font-family: "自定义字体名"; src:url('自定义字体名.ttf')format('opentype'); /* 指定自定义字体的格式 */ } span{ font-family: "自定义字体名"; font-size: 36px; }
4.使用css3实现渐变色（此处适配谷歌内核浏览器）：
.shade{ width: 300px; height: 100px; /* 对背景实现渐变 */ background: -webkit-gradient(linear,0 0 ,0 100%,from(rgba(255, 255, 255, 0.1)),to(rgba(255, 163, 204, 0.5))); }
5.css3实现图片垂直水平居中（此处适配谷歌,火狐内核浏览器）：
<style type="text/css"> .content{ display: box; display: -webkit-box; display: -moz-box; -webkit-box-pack:center; -moz-box-pack:center; -webkit-box-align:center; -moz-box-align:center; border: 1px solid red; width: 600px; height: 500px; }</style><body> <div class="content"> <img src="1.jpg" alt=""> </div></body>
Bagaimana untuk memasang sijil ssl
Penggunaan fungsi terima
lokasi.tugaskan
Bagaimana untuk membuat fail iso
Bagaimana untuk menyemak alamat pelayan ftp
Perkara yang perlu dilakukan jika ralat berlaku dalam skrip halaman semasa
Bagaimana untuk membuka fail php pada telefon bimbit
Alih keluar baris pengepala
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
