一个带单位的文本框

一个带单位的文本框，文本框和单位长度自适应

<!DOCTYPE html>
<html>
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>

</style>
</head> 
<body> 
<div style="width:200px;display:table;background-color:red">
    <input type="text" style="display:table-cell;width:100%;vertical-align:middle;box-sizing: border-box;height: 33px;"/>
    <span style="display:table-cell;width:1%;background-color:gray;white-space:nowrap;padding:5px 10px;">小时</span>
</div>
</body> 
</html>

效果如下图

一个带单位的文本框

2021-10-28
2021-11-29
2022-12-23
2021-04-07
2021-12-08
2021-07-21
2021-12-25
2022-12-23