当前位置: 首页 > Web前端 > HTML

表格短标题两端对齐,字数不同

时间:2023-04-02 15:00:30 HTML

方法一:使用letter-spacing属性和em参考:https://blog.csdn.net/muyutin...html

热搜
TV
性感美丽
高跟鞋
手机手机
对齐方式
牛仔裤
小家碧玉
首页
/dl>css<样式type="text/css">.hotsearchdd{float:left;line-height:24px;margin-right:30px;overflow:hidden;text-align:center;width:4em;/*这个值最长可以显示几个字符,比如x,就是xem*/}.hotsearchdda{display:block;}.w2{letter-spacing:2em;/*如果需要y个词对齐,那么就是(x-y)/(y-1),这里是(4-2)/(2-1)=2em*/margin-right:-2em;/*同上*/}.w3{字母间距:0.5em;/*如果y个字需要两端对齐,就是(x-y)/(y-1),这里是(4-3)/(3-1)=0.5em*/margin-right:-0.5em;/*同上*/}}方法二:使用透明字占空格空格方法三:使用两端对齐属性text-对齐:对齐;宽度:100px;方法四:使用占位符一个空格位置一个字符位置{true}}">标签内部使用,