css - 中央背景图像宽度元素填充

Question

我.nav_item在表中有一些 td 元素 ( )。我还有一个带有 class.nav_item和 id的活动 td #nav_item_active，其背景底部有一个小白色三角形。该三角形应该在 td 的中心，但由于元素的右填充，它有点正确。我可以用css解决我的问题吗？我想使用padding-right: 30px;图像并将其居中。可能吗？

现场演示

Answer 1

背景不受填充影响。背景似乎没有居中，因为文本设置为text-align:left;。

看这里：http: //jsfiddle.net/kU6fu/

将 background-position 设置为center bottom，使文本居中，并在左右两侧保持填充均匀。