[Bug Report] When el-slider's parent element has the style of word-break: break-all, which mark at the max place will wrap, caused an error show

### Element UI version
2.15.6

### OS/Browsers version
Win10 or Mac OS / Chrome 95.0.4638.54

### Vue version
2.6.14

### Reproduction Link
https://codepen.io/sunmarkto/pen/yLoPXgm

### Steps to reproduce
when I use el-silder in el-dialog, I found the mark at the max place can't show at right place, you can see https://codepen.io/sunmarkto/pen/yLoPXgm .
When I add style 'word-break: normal' at el-slider, it worked.

### What is Expected?
The mark at the max place show '100M' with no wrap

### What is actually happening?
it wraped