我在 div
中有一个 img
,我需要在其中覆盖需要填充的文本 block 。
外层 div 标签有 overflow:hidden,因为图片需要裁剪到最大高度。
如果你看看我的 fiddle
您会看到 p-tag 内的文本被写到最右边,因为 p-tag 的宽度为 100% + padding。
如何在不使 p 标签变宽的情况下在文本上留出边距?
感谢您的帮助
最佳答案
使用 box-sizing: border-box
(和适当的前缀)允许调整框的大小以包含填充。有关 CSS-Tricks 的更多信息.浏览器支持是 pretty good .如果您需要支持 IE7,您将需要另一个解决方案,也许是一个 polyfill。
关于html - 在 p-tag 中填充以实现半透明图像叠加,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16447978/