Question

我正在制作一个网页，帮助我今年修改我的计算机科学课程，并且在我正在制作的页面上，当你向下滚动时，有两个图像，标题和描述这些是另一个页面将包含。

但是，图像不会出现在所有文本的中央，尽管我已将其对齐为中心。

我要问的是如何让HTML表格中的每个数据单元成为其上方数据单元的中心。我会张贴一张照片，但我需要10点声望。这是我的代码：

<div class="Main">
  <br />
  <br />
  <table>
    <tr>
      <td>
        <a href="">
          <input type="image" id="Topics" position:absolute style="height:px; width:px;" src="./CSImages/Topics.PNG">
        </a>
      </td>
      <td>
        <a href="">
          <input type="image" id="Languages" position:absolute style="height:px; width:px;" src="./CSImages/Languages.PNG">
        </a>
      </td>
    </tr>
    <tr>
      <td>
        <H2 align=c enter>Topics</h2> 
      </td>
      <td>
        <H2 align=c enter>Languages</H2>
      </td>

    </tr>
    <tr>
      <td>Here you will find Edexcel specification topics, it ranges from binary to compression to encryption</td>
      <td>Here you will find a few of the main computer languages used in computing today, such as; Python, C#, HTML and plenty more...</td>
    </tr>
  </table>
</div>

感谢您的帮助！

Answer 1

首先，HTML中不再使用样式属性。这被认为是不好的做法，因为HTML应该描述页面的内容，而不是它的外观。这意味着不应使用color，border或align等属性。相反，样式是使用CSS完成的。现在在你的页面中，你正在做两件事。但它之所以不起作用的原因仅仅是因为你把一个空间放在中心，甚至没有使用“引号”。你只在h2元素上写过。

无论如何，你应该做Narawa Games所说的。 CSS text-align是你需要的。

你也有这个：
position:absolute style="height:px; width:px;"
这没有意义。你可能想把位置代码放在style属性中，如果你没有调整高度和宽度，我不明白为什么你把height:px; width:px;留在那里。事实上整个部分都没用。

我不知道你为什么要使用图像的输入元素。你可能有你的理由，但是为什么用＆lt; a＆gt;包装输入呢？元件？我不知道。在任何情况下，img和input标签都是自动关闭的，所以你应该在末尾用斜杠写它们，如：<tagname />。大多数浏览器会尝试修复这个错误，你不会看到差异，但不要关闭它们是不好的做法。您的元素也应该是小写的。您写了<H2>而不是<h2>。

Answer 2

您的意思是想要将所有文字和图片集中在一起吗？您只需将td { text-align: center; }添加到CSS文件中即可。

如果您想使用内嵌样式，只需将style="text-align: center;"添加到<table>元素即可。

text-align CSS属性是继承的，因此您不必在每个子元素上重复它。

如何将HTML表格中的单元格数据与其上方单元格中的图像对齐？

2 个答案: