CSS溢出显示...

最新推荐文章于 2024-08-10 12:02:24 发布

qiuJun998

最新推荐文章于 2024-08-10 12:02:24 发布

阅读量165

点赞数

分类专栏：前段文章标签： css html

本文链接：https://blog.csdn.net/qq_35911118/article/details/105812119

版权

前段专栏收录该内容

36 篇文章 1 订阅

订阅专栏

圆角显示
style={{justifyContent: “center”,width: “100%”,display: “flex”,fontWeight:“bold”,textAlign: “center”,width: “20%”,border:“2px solid”,borderRadius:“25px”}}
//固定不动
style={{
alignItems: “center”,
right: 0,
justifyContent: “center”,
height: “40px”,
position: “fixed”,
zIndex: “1”,
bottom: “0”,
width: “100%”,
display: “flex”,
flexDirection: “row”,
backgroundColor: “#fff”,
border: “1px solid #ccc”
}}

.demo {
display: inline-block;
*display: inline;
*zoom: 1;
width: 140px;
height: 20px;
line-height: 20px;
font-size: 12px;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.demo:hover {height: auto;white-space: normal;}
#container{
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
border:1px solid gray;
width:300px;
padding:20px;
color:raba(0,0,0,0.7);
cursor:pointer;
}
#container:hover {
white-space:normal;
height:148px;
background-color:#F2F9F9;
transition-property:background-color,height;
transition-duration:0.2s ;
transition-timing-function:linear;
}