一、CSS中文本溢出,打点展示
1.单行文本
html:p>法国议会选举第一轮投票结果马克龙所在党领</p>
p{
width:300px;
height:20;
line-height:20px;
border:1px solid black;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
2.多行文本
html:<p>法国议会选举第一轮投票结果马克龙所在党领法国议会选举第一轮投票结果马克龙所在党领法国议会选举第一轮投票结果马克龙所在党领</p>
CSS部分:
p{
width:300px;
height:40; //计算好高度是行高的几倍,就是几行文本
line-height:20px;
border:1px solid black;
overflow:hidden;
}
二、background-image使用
html: <div></div> CSS部分:
div{
width:200px;
height:200px;
border:1px solid black;
background-image:url(@/assets/logo.png);
background-size:100px 100px;
background-repead:no-repead;
background-position:center center;
}