我在这里有一个页面:
http://animactions.ca/Animactions/accueil.php
它有一个正确的列。当正确的列的内容比主要内容长时,主要内容不是从顶部开始,而是以不以这种方式定义它的方式开始。
从我的样式表中:
.tbsyles {
margin: 0px;
text-align: justify;
width: 200px;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #A8CFE4;
padding-left: 30px;
height: 100%;
line-height: 100%;
vertical-align: top;
padding-right: 0px;
}
.tablestylea {
width: 900px;
margin: 0px;
text-align: justify;
height: 100%;
line-height: 100%;
vertical-align: top;
padding-right: 0px;
}
我怎样才能做到这一点,无论我的右内容页面的长度如何,主内容页面正确调整大小并从顶部开始而不是从中心开始?
由于
答案 0 :(得分:2)
添加.style2{vertical-align:top;}
在你的CSS中
答案 1 :(得分:0)
尝试使用float:right;在右栏css div。
答案 2 :(得分:0)
在你的html中,在“td”标签处,应用valign =“top”,就像那样,特定“td”的内容将在顶部对齐......
另一件事是align =“left”(或右),设置文本水平对齐...
请参阅:W3C TABLE SPECS
编辑:
如果你使用“div”标签来制作你的 布局,用途:display:table-cell;和 然后使用已经提供的解决方案 对于你的css文件:vertical-align:top;