元素使用了padding之后，设置的多行溢出不生效

在近期做图文列表数据展示时，出现标题文字有多行的情况之下；于是采用了多行溢出的解决办法，对文字数据进行了处理；

多行溢出的代码为：

display: -webkit-box;    
-webkit-box-orient: vertical;    
-webkit-line-clamp: 3;    
overflow: hidden;

但是发现一个问题，省略号出现了，但是行数并没有控制；排查发现，我在元素中使用了padding样式，这才发现多行溢出的代码与padding使用，会导致多行溢出失效。为解决这个办法，采用的办法是。在使用多行溢出的标签外层再嵌套一个标签，再外标签上设置padding值就可以决绝了。