Question

我几乎已经完成了我的网站，但是我的成长令人非常沮丧，无法让垂直对齐工作。在其他地方，我的内容应该是它的位置，但由于原因未知，这些列表出现在中间...意味着当iframe设置为所需的大小时，我的列表移动到他们的td的中间？

我已尝试将垂直对齐选项添加到链接的css，为整个区域创建div选项，添加html等，在任何地方都没有运气？我究竟做错了什么？：（

A.class2 {text-decoration: none; text-transform: uppercase; font-weight: bold; text-align: left; font-size: 16px;}
A.class2:link, A.class2:visited {color: #0fa616;}
A.class2:hover, A.class2:active {color: #0fa616;}

#sub li {list-style-type: square;}

请记住，我上面有一个主要的ul菜单，我不想让任何人设法为我修复的代码受到影响。

<center><h2>Amber w/Inclusions</h2></center><ul id="sub">
<li><a href="/" class="class2">Baltic</a></li>
<li><a href="/" class="class2">Copal</a></li>
</ul>

<center><h2>Dinosaurs/Reptiles</h2></center>
<ul id="sub">
<li><a href="/" class="class2">Pterosaur</a></li>
<li><a href="/" class="class2">Raptor</a></li>
<li><a href="/" class="class2">Spinosaurus</a></li>
</ul>

<center><h2>Trilobites</h2></center>
<ul id="sub">
<li><a href="/" class="class2">Cambrian age</a></li>
<li><a href="/" class="class2">Devonian age</a></li>
<li><a href="/" class="class2">Ordovician age</a></li>
</ul>

您可以在页面http://www.dinodeals.co.uk/fossils.html上看到我的意思桌子本身仅用于设计时的辅助，在整个设计中不可见。我也喜欢一个小分隔线，在整个子类别菜单的右边说一条绿线，我试图设置到顶部。但是在读完之后没有运气。我不确定边框右css是否可用了？

Answer 1

你可以尝试这个，我只是检查了页面，发现你在td元素上运行了某种类型的填充（很可能是因为它与中间对齐）。

试试这个小片段：

td{
padding-top: 0px;
vertical-align: top;
}

这会将表格与屏幕上的顶部对齐。

编辑：

根据你对右边界的要求（我没有看到问题的那么远）。

td{
vertical-align: top;
border-right: 3px solid rgb(15, 166, 22);
padding: 10px 0;
}

为什么它在中间而不是顶部？

1 个答案: