用于半透明图像覆盖的p标签内填充



我在div里面有一个img,我需要覆盖一个需要填充的文本块。

外部div标签有溢出:隐藏,因为图像需要裁剪到最大高度。

如果你看我的小提琴

http://jsfiddle.net/Py49n/1/

你会看到p-标签内的文本被写到很远的右边,因为p-标签的宽度是100% + padding。

如何在不使p标签变宽的情况下实现文本的边距?

感谢您的帮助

使用box-sizing: border-box(和适当的前缀)来允许框的大小包括填充。更多关于CSS-Tricks的信息。浏览器支持非常好。如果你需要支持IE7,你将需要另一个解决方案,也许是一个polyfill。

最新更新