使用dt和dd的CSS列对齐



我正在做一些样式设计,并试图弄清楚为什么我不能为这个phpBB公告板正确对齐列标题。当屏幕宽度减少时,我希望列标题在论坛及其元数据列表下平滑一致地对齐。我认为.header dt需要应用某种样式。我可以指定一个以像素为单位的列宽,它可以工作一段时间,直到屏幕宽度缩小太多。以百分比指定宽度也不起作用,因为随着屏幕宽度的减小,页眉对齐方式将与下面的行不一致。很明显,有很多样式正在进行,样式继承自phpBB的prosilver样式,但我需要使其与网站的样式保持一致。

https://phpbb33.adafruit.us/index.php

本例中的解决方案是应用以下样式:

ul.topiclist dt {
margin-right: -440px;
}

最新更新