<div style="display:inline-block;width:100px;">
very long text
</div>
Run Code Online (Sandbox Code Playgroud)
任何方式使用纯CSS来剪切太长而不是在下一个新行上显示的文本,只显示最大100px
我的问题扩展了这一点:
我可以使用从透明渐变到背景颜色的PNG淡化文本行(在我的情况下在表格单元格中).
但是对于我的应用程序,我需要背景颜色是动态的和可编写脚本的.在悬停时,表格行背景颜色会发生变化,当然这会使PNG"推子"图像变得可见且难看.
如何实现动态/可编写脚本/可设置样式的背景颜色,并且仍然将我的长文本缩小为淡入淡出?