Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.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 可以在div中垂直和水平居中放置文本吗?_Html_Css - Fatal编程技术网

Html 可以在div中垂直和水平居中放置文本吗?

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

所以


在显示的地方有一种黑客的工作:表格单元格;属性,然后垂直对齐:中间对齐;财产,是的

因此,完整的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;
}