Question

css里的一段文本我设置了悬停效果，但是鼠标一放上去，有几个字就会换到下一行

没有设置br，只是四周都填充了一下，而且好像行高也变高了，代码如下
.diyiduan{
overflow: hidden;
width:870px;
pading-right:10px;

}
.diyiduan:hover{
display:inline-block;
margin-left:-30px;/*位置*/
box-sizing:border-box;
border:3px solid;
width:870px;
background:#fff;
line-height:0px;

border-top-color:#000;
border-right-color:#fff;
border-bottom-color:#000;
border-left-color:#fff;

padding-left:28px;

}所有我能想到的方法都试过了

Answer 1

你在.diyiduan:hover里面设置了box-sizing:border-box，可是在.diyiduan中没有设置。
box-sizing:border-box的意思是边框和边距都算在width里面，所以宽度就有区别了

Answer 2

试没试过给.diyiduan{加个3像素的边框呢