Css 确实<;td>;线条高度与其高度相同吗?
我试图使文本在div内水平和垂直对齐。我有两种方法:Css 确实<;td>;线条高度与其高度相同吗?,css,vertical-alignment,tablecell,Css,Vertical Alignment,Tablecell,我试图使文本在div内水平和垂直对齐。我有两种方法: 将div的行高度设置为与其高度相同的值: div{ 边框:1px实心; 文本对齐:居中; 高度:400px; 线高:400px; } 这是内容。 tl;dr:回答标题中的问题:否,表格单元格的线条高度与其高度不同 当然,在某些情况下,它可以具有与线条高度相同的高度,但这不是您所要求的 然后是帖子中的问题本身。 如果您确定内容是单行文本,那么解决方案#1是最简单的。您甚至不必设置div的高度;设置行高度就足够了 div{ 边框:1px实心
div{
边框:1px实心;
文本对齐:居中;
高度:400px;
线高:400px;
}
这是内容。
tl;dr:回答标题中的问题:否,表格单元格的线条高度与其高度不同
当然,在某些情况下,它可以具有与线条高度相同的高度,但这不是您所要求的
然后是帖子中的问题本身。如果您确定内容是单行文本,那么解决方案#1是最简单的。您甚至不必设置div的高度;设置行高度就足够了
div{
边框:1px实心;
文本对齐:居中;
线条高度:100px;/*在有或没有高度:100px时作用相同*/
}
这是内容。
TD具有垂直对齐属性的特殊功能。这与线的高度无关。如果你在P中添加更多内容,确保它开始包装,你会看到这两种方法之间的巨大差异。嗨@Pangloss,谢谢。你的意思是不是每个元素都有垂直对齐属性?我认为它适用于每个容器。没错,它只适用于某些元素。这是一个非常混乱的属性。有时它适用于元素本身(即内联元素),有时它适用于内部元素/内容(即TD)。我会向你推荐谷歌“垂直对齐的工作原理”,并遵循一些详细的解释。嗨@Pangloss,啊,我明白了。我刚刚找到了这个链接:上面说“垂直对齐CSS属性指定内联或表格单元格框的垂直对齐方式”。我认为这解释了一切。非常感谢你的帮助!!!