overflow-x和文字超出...显示

场景一:

           拉伸浏览器宽度,不想让页面变形显示横向滚动条,该怎么设置?

           解决方法:

           给你想要的这块区域设置一个最小宽度    

    min-width

           然后在他的父元素设置

     overflow-x:hidden

场景二:

           拉伸浏览器屏幕时,span里的文字很长,会跑到第二行显示,怎样在一行显示,超出部分用...替代?

           解决方法:    

    .h5style {
       max-width: 10em;
       overflow: hidden;
       white-space: nowrap;
       text-overflow: ellipsis;
     }