div中的div居中CSS⽂字垂直居中和溢出解决
⽂字垂直居中
div{
display:inline-block;
vertical-align:middle;
}
第⼀步转换为⾏内元素或者⾏内块元素( 否正不起效)
第⼆步 vertical-align:middle
还可选bottom,top等调整⽂字的对齐形式
TIPS:默认情况下,图⽚和⽂字的对齐是,图⽚下沿对齐⽂字的基线,可能出现⽂字与图⽚对齐不整。我们需要将⽂字的垂直对齐设为bottom。
⽂字溢出显⽰省略号
div {
/*⽂字⼀⾏显⽰不开不⾃动换⾏,强制⼀⾏内显⽰*/
white-space:nowrap;
/*隐藏溢出部分的⽂字*/
overflow:hidden;
/*溢出末尾⽤省略号显⽰*/
text-overflow:ellipsis;
}
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论