如何在网格视图的单元格中“对齐”图像和文本

Question

在我的网站中，我使用Views的网格格式来显示我网站上的用户的图像，姓氏和名字。网格视图有4列。

我注意到每个单元格中的图像和文本都与左侧对齐。

请问如何在每个单元格中居中对齐图像和文本。

以下是HTML的第一行：

`<div class="view view-user-pictures view-id-user_pictures view-display-id-block view-dom-id-1120"> <div class="view-content"> <table class="views-view-grid cols-4"> <tbody>`

我尝试将table.views-view-grid td { text-align: center; }添加到style.css文件中。它不起作用。

谢谢。

Answer 1

该css应该有效，并且在您提供的示例中使用了jsfiddle example     table.views-view-grid td {text-align: center;} 我建议使用浏览器检查器查看您添加的样式是否未被其他规则覆盖。除此之外，您需要提供比您在那里更好的代码示例。您是否有指向您可以提供的示例站点的链接？