calc 动态计算宽度不起作用

wokao2333

已于 2023-12-16 16:28:19 修改

阅读量390

点赞数 8

文章标签：前端 javascript html

于 2023-12-16 16:26:38 首次发布

本文链接：https://blog.csdn.net/weixin_42271384/article/details/135034228

版权

前端新手的个人笔记————————————————————————————————

<view style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis;width: calc(100%-150px);">
							使用单位： <span>源卓微纳科技股份有限公司源卓微纳科技股份有限公司 </span>
</view>

解决：

减号左右两边需要有空格才行，否则不起效果

<view style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis;width: calc(100% - 150px);">
							使用单位： <span>源卓微纳科技股份有限公司源卓微纳科技股份有限公司 </span>
</view>