左侧固定右侧省略 十分打脸

最新推荐文章于 2024-08-12 00:18:22 发布
最新推荐文章于 2024-08-12 00:18:22 发布
阅读量252 收藏
点赞数
分类专栏： 前端样式 文章标签： css sass html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Thekingyu/article/details/121877140
版权 
 

* {
 

margin: 0;
 

padding: 0;
 

}
 

.big_box {
 

width: 200px;
 

height: 50px;
 

display: flex;
 

align-items: center;
 

justify-content: flex-start;
 

background-color: red;
 

}
 

.two {
 

padding: 10px 6px;
 

white-space: nowrap;
 

background-color: #fff;
 

}
 

.one {
 

white-space: nowrap;
 

overflow: hidden;
 

text-overflow:ellipsis;
 

}
 

</style>
 

</head>
 

<body>
 

<div class="big_box">
 

<div class="one">文文家具店砂进口的</div>
 

<div class="two">文家具店砂进口的</div>
 

</div>
 

</body>
 

</html>

                

        

        

    

  


    

      

        

            

              
                
                  Thekingyu
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
Qt开发经验总结

				
			

			

				

					草上爬的博客
				

				

					12-02
					
					8616
					
				

			

		

		

			
				
增加了很多轮子，同时原有模块拆分的也更细致，估计为了方便拓展个管理。把一些过度封装的东西移除了（比如同样的功能有多个函数），保证了只有一个函数执行该功能。把一些Qt5中兼容Qt4的方法废弃了，必须用Qt5中对应的新的函数。跟随时代脚步，增加了不少新特性以满足日益增长的客户需求。对某些模块和类型及处理进行了革命性的重写，运行效率提高不少。有参数类型的变化，比如 long * 到 qintptr * 等，更加适应后续的拓展以及同时对32 64位不同系统的兼容。

			
		

	



                

            
              



	

		

			

				
					
opencv入门：人脸检测

				
			

			

				

					AI路漫漫
				

				

					10-03
					
					1899
					
				

			

		

		

			
				
Haar-like算法,Adaboost，级联分类器

			
		

	



              


  
              

                


	

		

			

				
					
翻遍互联网都找不到的解决方案,一行代码轻松实现 Gitbook 默认折叠左侧菜单效果

				
			

			

				

					HuaZi_Myth的博客
				

				

					11-10
					
					321
					
				

			

		

		

			
				
Gitbook 是一款产品文档构建工具,也可以用于构建个人博客,默认情况下电脑端访问时左侧菜单是展开状态,可偏偏有人想要实现默认折叠效果,于是诞生了这篇文章! 
 
善良的我选择帮助别人 
可能是网上关于 Gitbook 的教程相对来说有些落后,加上写文章时分享了不少关于 gitbook 系列教程,因此关注我的粉丝好友中有不少是来源于 Gitbook. 
所以上个月有个好友问我能不能配置 G...

			
		

	





	

		

			

				
					
卷积神经网络超详细介绍

					
热门推荐

				
			

			

				

					呆呆的猫的博客
				

				

					09-19
					
					61万+
					
				

			

		

		

			
				
海量的有标记的训练数据，也就是李飞飞团队提供的大规模有标记的数据集ImageNet计算机硬件的支持，尤其是GPU的出现，为复杂的计算提供了强大的支持算法的改进，包括网络结构加深、数据增强（数据扩充）、ReLU、Dropout等AlexNet之后，深度学习便一发不可收拾，分类准确率每年都被刷榜，下图展示了模型的变化情况，随着模型的变深，Top-5的错误率也越来越低，目前已经降低到了3.5%左右，同样的ImageNet数据集，人眼的辨识错误率大概为5.1%，也就是深度学习的识别能力已经超过了人类。

			
		

	



		

			
		



	

		

			

				
					
人脸识别（三）模拟业务场景：考生考试人脸验证的实现

				
			

			

				

					飞龙在天
				

				

					08-03
					
					752
					
				

			

		

		

			
				
在上篇博客的结尾处，我提到了这么两个需求：



我在之前博客中讲到的face++的api可以用来实现这么这两个功能，今天这篇博客我们讲来讲一讲具体的实现。

先来看第一个需求：

考生需要在考试前将自己的人脸录入到系统中（拍照或直接导入，方法二选一。）
我这里先给出拍照上传图片的需求实现，先来看实现效果。



页面如下，写的简单了点。左侧输入你的账号，下方有一个拍照上传的按钮，当点击时，会使用...

			
		

	





	

		

			

				
					
人脸识别（三）模拟业务场景：考生考试人脸验证的实现。

				
			

			

				

					zoroduyu的博客
				

				

					01-07
					
					3095
					
				

			

		

		

			
				
在上篇博客的结尾处，我提到了这么两个需求：



我在之前博客中讲到的face++的api可以用来实现这么这两个功能，今天这篇博客我们讲来讲一讲具体的实现。

先来看第一个需求：


考生需要在考试前将自己的人脸录入到系统中（拍照或直接导入，方法二选一。）


我这里先给出拍照上传图片的需求实现，先来看实现效果。



页面如下，写的简单了点。左侧输入你的账号，下方有一个拍照上传的按钮，当点击时，

			
		

	





	

		

			

				
					
win10+Python3.7.3+OpenCV3.4.1入门学习（ 二十三章 人脸识别）————23.1 人脸检测

				
			

			

				

					qq_951274168的博客
				

				

					02-25
					
					624
					
				

			

		

		

			
				
Python版本是Python3.7.3，OpenCV版本OpenCV3.4.1，开发环境为PyCharm
第23章 人脸识别
人脸识别是指程序对输入的人脸图像进行判断，并识别出其对应的人的过程。人脸识别程序像我们人类一样，“看到”一张人脸后就能够分辨出这个人是家人、朋友还是明星。
当然，要实现人脸识别，首先要判断当前图像内是否出现了人脸，也即人脸检测。只有检测到图像中出现了人脸，才能根据人脸判断...

			
		

	





	

		

			

				
					
面向孩子们的 Python 入门指南（二）

					
最新发布

				
			

			

				

					龙哥盟
				

				

					08-12
					
					497
					
				

			

		

		

			
				
在这一章中，我们看了 Python 的图形模块Turtle，如何使用它通过使用向前、向后、向右和向左来绘制线条，同时也使我们的乌龟走向各自的坐标点。我们还学习了用 Python 绘制正方形、矩形、六边形等形状，并以两个迷你项目结束了这一章。下一章，让我们更深入地研究turtle；学习如何画圆、点、半圆和圆弧；让事情变得丰富多彩；并编写更多有趣的迷你项目！没有颜色的图形和图像有什么用？现在，你的屏幕看起来很无聊。它有一个白色的背景，你的屏幕标题永远是“蟒蛇龟图形”。但是你可以改变这一切。

			
		

	





	

		

			

				
					
如何把“蚂蚁呀嘿”换脸特效用在前端 WebRTC 视频通话中

				
			

			

				

					张旭乾 - 全栈工程师/海归
				

				

					03-15
					
					8270
					
				

			

		

		

			
				
因为疫情的原因，线上视频会议软件异军突起，成为了在家办公的主要沟通渠道。而最近抖音上“蚂蚁呀嘿”恶搞换脸的小视频也突然火了起来，那我就想了想能不能在视频会议的时候换张脸活跃下气氛？在 Github 上一番搜寻之后发现还真有办法，有一个开源的 Python 人工智能换脸的库，那正好趁着这个机会研究一下前端 WebRTC 实现视频通话功能，外加换脸操作。先看一下效果吧：

因为有涉及到一点点的后台，所以项目分成了两部分，一个是用于存放前端代码的 frontend 项目和存放后端代码的 backend 项目：
项

			
		

	





	

		

			

				
					
android安卓源码海量项目合集打包-1

				
			

			

				

					chenhao0568的专栏
				

				

					06-11
					
					13万+
					
				

			

		

		

			
				
下载地址

最后更新共计113个分类5177套源码29.2 GB。
卷 新加卷 的文件夹 PATH 列表
卷序列号为 00000200 5E7A:7F30
F:.
├─前台界面
│ ├─3D标签云卡片热门
│ │ Android TagCloudView云标签的灵活运用.rar
│ │ Android 实现 标签 拖动 改变位置.rar
│ │ android 流式布局和热门标签.zip
│ │ ...

			
		

	





	

		

			

				
					
前端笔记(Html+CSS+JS+DOM+网页特效+jQuery+HTML5+CSS3+canvas 标签+web开发重难点+面向对象+AJAX)

				
			

			

				

					qq_36609655的博客
				

				

					07-02
					
					1万+
					
				

			

		

		

			
				
第1章Html

 

Html：超级文本标记语言（HyperText Markup Language），在浏览器上运行的一种标记语言。

就是给文本加上含有语义的标签。

接下来应该学习更多具体语义标签：

一、结构（固定的结构）

 

&lt;html&gt;

&lt;head&gt;

&lt;title&gt;&lt;/title&gt;

&lt;/head&gt;

&lt;bod...

			
		

	





	

		

			

				
					
更快更稳更高效--Ubuntu Kylin 20.04 Pro SP1 正式发布

				
			

			

				

					UbuntuKylinOS的博客
				

				

					12-03
					
					1555
					
				

			

		

		

			
				
12 月 2 日，优麒麟团队正式宣布 Ubuntu Kylin 20.04 Pro SP1 上线。此版本默认搭载 Linux 5.11 内核，新增显示器显示模式的记忆支持、鼠标拖拽支持等功能，优化网络插件、登录程序和定时关机等系统组件，修复了用户手册程序崩溃、软件商店暂停键刷新不及时、蓝牙传输空文件失败等严重问题， 累计 200+ 桌面环境和应用软件方面的已知问题得到解决，从而全面提升系统稳定性和安全性，为用户提供更加

			
		

	





	

		

			

				
					
130 行代码模仿火爆抖音的“蚂蚁呀嘿”特效，你学会了吗？

				
			

			

				

					m0_54851388的博客
				

				

					02-22
					
					683
					
				

			

		

		

			
				
【CSDN 编者按】最近很火的AI换脸来啦，本文具体操作步骤已献上，快来get一下吧。
作者 | 峰华
出品 | CSDN（ID：CSDNnews）
过去一年，线上视频会议软件异军突起，成为了在家办公的主要沟通渠道。而最近抖音中能够让照片张嘴唱歌的“蚂蚁呀嘿”特效也突然火了起来，那我就想了想能不能在视频会议的时候换张脸活跃下气氛？
在 GitHub 上一番搜寻之后发现还真有办法，有一个开源的 Python 人工智能换脸的库，那正好趁着这个机会研究一下前端 WebRTC 实现视频通话功能，外加换脸操作。
先.

			
		

	





	

		

			

				
					
手机滑动图片验证 引用zepto.js

				
			

			

				

					Thekingyu的博客
				

				

					01-23
					
					3081
					
				

			

		

		

			
				


效果同上，其中icon自己找，本例不带任何icon，另外连往哪用，在什么地方用都不会的就散了吧。

附赠两张图片。其不会自己插进去的也可以散了。

 

 



 



&lt;!DOCTYPE html&gt;
&lt;html&gt;

    &lt;head&gt;
        &lt;meta charset="UTF-8"&gt;
        &lt;meta name...

			
		

	





	

		

			

				
					
vue 五星评分及数据为遍历

				
			

			

				

					Thekingyu的博客
				

				

					05-23
					
					1751
					
				

			

		

		

			
				
div class="star" style="float: right" &gt;
  &lt;span v-for="(itemClass,index) in y.itemClasses" :class="itemClass" data="1" class="star-item" :track-by="index" &gt;&lt;/

			
		

	





	

		

			

				
					
彩色镂空动态字体

				
			

			

				

					Thekingyu的博客
				

				

					11-28
					
					1297
					
				

			

		

		

			
				
主要属性为 background-clip: text;配合渐变色在背后移动来实现。

			
		

	





	

		

			

				
					
圆球canvas图，类似进度条

				
			

			

				

					Thekingyu的博客
				

				

					11-09
					
					884
					
				

			

		

		

			
				
body{background-color: #fff}
@-webkit-keyframes load {
  0% {
    stroke-dashoffset: 0;
  }
}
@keyframes load {
  0% {
    stroke-dashoffset: 0;
  }
}
.progress {
  position: relative;
  

			
		

	





	

		

			

				
					
模拟下拉框，IPAd，iOS不兼容

				
			

			

				

					Thekingyu的博客
				

				

					11-09
					
					802
					
				

			

		

		

			
				
*{margin: 0;padding: 0;}
			.dian-ul {
				display: none;
				width: 100px;
				height: 100px;
				position: absolute;
				left: 0;
				top: 20px;
				
			}
			.dian{
				width: 60px;
			height: 100px

			
		

	





	

		

			

				
					
简单圆球水波动。手写

				
			

			

				

					Thekingyu的博客
				

				

					11-09
					
					784
					
				

			

		

		

			
				
* {
				margin: 0;
				padding: 0;
			}
			
			.nei {
				width: 400px;
				height: 400px;
				background: red;
				opacity: 0.2;
				border-radius: 150px;
				position: absolute;
				left: -100px;
		

			
		

	





	

		

			

				
					
css样式超出固定长度省略显示

				
			

			

				

					08-30
				

			

		

		

			
				
您可以使用CSS中的 `text-overflow` 属性来实现文本超出固定长度时省略显示的效果。可以结合使用 `overflow` 和 `white-space` 属性来控制文本的溢出和换行。  例如，以下CSS代码将在元素宽度超过100px时省略文本并...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值