当容器外部的文本溢出时(如果使用大多数斜体字体),如何获得父容器的正确CSS宽度?

时间:2016-01-04 17:19:07

标签: jquery css

快乐路径

下面的图片是一条快乐的路径,文字没有显示在父元素之外:

enter image description here

> $('#myContainer').width();
462

文字溢出

当您将字体设为斜体时,文本将显示在父容器之外。问题是,我需要文本完全包含在父元素(橙色框)中,或者需要能够获得父文件的整个宽度,包括框右侧的文本溢出:

enter image description here

> $('#myContainer').width();
462

如何做到这一点?我不想剪辑文字,因此使用CSS text-overflow属性似乎无法帮助我。

这是一个显示问题的小提琴:

更新:添加字体系列' Aguafina Script'非斜体字体溢出情况:

enter image description here

1 个答案:

答案 0 :(得分:0)

您可以在右侧为斜体字体添加大约5px(?)的填充。