Html 可以在div中垂直和水平居中放置文本吗?
我的意思是不使用任何其他标签…只有一个标签和它的CSS 所以Html 可以在div中垂直和水平居中放置文本吗?,html,css,Html,Css,我的意思是不使用任何其他标签…只有一个标签和它的CSS 所以 在显示的地方有一种黑客的工作:表格单元格;属性,然后垂直对齐:中间对齐;财产,是的 因此,完整的CSS将是: #test{ display: table-cell; vertical-align: middle; width: 100px; height: 100px; text-align: center; border: solid 1px #ff0000; } 此外,外部样式表是您的朋友。在显示的地方有
在显示的地方有一种黑客的工作:表格单元格;属性,然后垂直对齐:中间对齐;财产,是的 因此,完整的CSS将是:
#test{
display: table-cell;
vertical-align: middle;
width: 100px;
height: 100px;
text-align: center;
border: solid 1px #ff0000;
}
此外,外部样式表是您的朋友。在显示的地方有一种类似黑客的工作:表格单元格;属性,然后垂直对齐:中间对齐;财产,是的 因此,完整的CSS将是:
#test{
display: table-cell;
vertical-align: middle;
width: 100px;
height: 100px;
text-align: center;
border: solid 1px #ff0000;
}
此外,外部样式表也是您的朋友。下面是一个使用您的代码的JSFIDLE:
增加显示:表格单元格;将导致元素被视为表中的单元格,从而使您能够使用表格格式CSS垂直对齐:中间 下面是一个使用您的代码的JSFIDLE:
增加显示:表格单元格;将导致元素被视为表中的单元格,从而使您能够使用表格格式CSS垂直对齐:中间 看起来不像是黑客…只是一个基于的显示选项,是的。这是一种黑客行为,因为它正在改变唯一的本地特性是display:block;有一个不同的显示。你说的本地功能是什么意思…我看了这里,但没有看到本地功能。。。。基本上是没有特征的标签,仅用于样式设置;它们没有固有的意义。它们之间的唯一区别是显示:块;并且是display:inline;。也许只是我对事物过于热心,但不要使用桌子,使用一个假装成桌子的桌子!对我来说,这似乎是一种黑客行为。'default'=='native'…您只是在更改默认值…这不正常…但不是黑客行为…您知道有一个元素的默认设置为display:table cell吗?看起来不像黑客行为…只是基于的显示选项,是的。这是一种黑客行为,因为它正在改变唯一的本地特性是display:block;有一个不同的显示。你说的本地功能是什么意思…我看了这里,但没有看到本地功能。。。。基本上是没有特征的标签,仅用于样式设置;它们没有固有的意义。它们之间的唯一区别是显示:块;并且是display:inline;。也许只是我对事物过于热心,但不要使用桌子,使用一个假装成桌子的桌子!对我来说,这似乎是一个黑客式的工作。'default'='native'…您只是在更改默认值…这不正常…但不是黑客行为…您知道有一个元素的默认设置为display:table cell吗?考虑到该元素的年龄,这可能是一个更有用的链接:。我不太喜欢这个标题,但我不推荐这两种方式。考虑到这个链接的年龄,也许有一个更有用的链接:。我不太喜欢标题,但我不推荐任何一种方式。我喜欢你的徽标…我有一个名为arcmarks.com的网站,它还没有使用那种样式…或者来自…不同的颜色…arcs我喜欢你的徽标…我有一个名为arcmarks.com的网站,它还没有使用那种样式…或者来自…不同的颜色…arcs
#test{
display: table-cell;
vertical-align: middle;
width: 100px;
height: 100px;
text-align: center;
border: solid 1px #ff0000;
}