Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
HTML中的表对齐_Html_Css - Fatal编程技术网

HTML中的表对齐

HTML中的表对齐,html,css,Html,Css,我想要一张有两列的桌子,左边是一首诗,右边是一篇译文。这首诗很长,所以有必要向下滚动阅读整页。但我不想让这首诗的标题和每个专栏顶部的一些链接滚动。当一个卷轴滚动时,诗的文本应该消失在标题下,标题和链接在固定位置。经过多次尝试后,我几乎能够使用两个不同的表格完成这项工作:顶部的表格包含固定标题和链接,并且带有样式选项position:fixed,下面的另一个表格包含这首诗的文本。我的作品很好,除了一件事:因为我对许多不同的此类诗歌使用相同的代码,并且标题的长度不同,所以我无法使上表中的标题与下表中

我想要一张有两列的桌子,左边是一首诗,右边是一篇译文。这首诗很长,所以有必要向下滚动阅读整页。但我不想让这首诗的标题和每个专栏顶部的一些链接滚动。当一个卷轴滚动时,诗的文本应该消失在标题下,标题和链接在固定位置。经过多次尝试后,我几乎能够使用两个不同的表格完成这项工作:顶部的表格包含固定标题和链接,并且带有样式选项position:fixed,下面的另一个表格包含这首诗的文本。我的作品很好,除了一件事:因为我对许多不同的此类诗歌使用相同的代码,并且标题的长度不同,所以我无法使上表中的标题与下表中的文本正确对齐。我可以使用left:90px(例如)为特定页面手动调整标题的位置,但对于另一个诗歌标题较长的页面,这一点不起作用。我正在复制下面我正在使用的代码。这是一个用于200多个不同文件的模板。我有一个脚本,用适当的内容替换所有大写字母中的字符串(如标题、翻译文本等)。正如我所提到的,问题在于,如果我为一个特定内容调整顶部表格的参数(位置:fixed),它将不适用于另一个内容,因为诗歌标题的长度不同。我的问题是:有没有一种方法可以像我正在尝试的那样用两张桌子来做我想做的事情,或者我应该用一种完全不同的方式来做,如果有,怎么做


标题

翻译的标题

原文 翻译文本
尝试了几次阅读您的问题。。。我不明白…我认为他试图实现的是一个固定的标题,就像本页上的最后一个例子是的,@JavaMan的例子正是我想要的,但是,由于相同的代码用于许多不同的页面,因此标题的宽度会发生变化,这一点非常复杂。@JavaMan我能够毫无问题地使用您所指的示例,而且效果非常好。我担心的问题其实不是问题…谢谢!