【问题标题】:How to 'center align' image and text in cell of grid view如何在网格视图的单元格中“居中对齐”图像和文本
【发布时间】:2013-12-30 22:05:57
【问题描述】:

在我的站点中,我使用视图的网格格式来显示我站点上用户的图像、姓氏和名字。网格视图有 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 文件中。 bt 它不起作用。

谢谢。

【问题讨论】:

  • 请在 jsfiddle.net 上提交示例并在此处发布链接。
  • 我不明白如何在 jsfiddle.net 上提交示例

标签: css drupal-7 views


【解决方案1】:

该 css 应该可以工作,并且在您提供的这个示例中它可以工作:jsfiddle example 使用 table.views-view-grid td {text-align: center;} 我建议使用您的浏览器检查器来查看您添加的样式是否没有被其他地方的另一条规则覆盖。除此之外,您需要提供比现有代码更好的代码示例。您是否有指向您可以提供的示例网站的链接?

【讨论】:

    猜你喜欢
    • 2017-05-30
    • 2019-04-24
    • 1970-01-01
    • 2015-10-21
    • 2020-10-16
    • 2016-11-11
    • 2015-02-20
    • 1970-01-01
    • 2018-03-22
    相关资源
    最近更新 更多