不固定文字在固定高度宽度下垂直水平居中

Posted 2020-10-03 金爵小菜鸟

1 <div>
2 <span>BZJ-1300/1450/1600 Automatic
3  Flute Laminator</span>
4 </div>

div{width:150px;height:70px;display:table;}
span{display:table-cell;vertical-align:middle;height:70px;width:150px;text-align:center;}

span的宽度要给固定，给100%的话，如果有字体不是这么多的，他就会字体占多少宽度是多少，而不是div的宽度。