Fatal编程技术网
  • html/
  • Html 在div中居中显示文本

Html 在div中居中显示文本

html css

Html 在div中居中显示文本,html,css,Html,Css,尝试关闭.nodeText分区。您是指垂直居中还是水平居中 内联内容的水平居中很容易。只需将text align:center应用于包含的块。使用CSS在另一个块内水平居中块通常通过以下方式完成： .left { float:left; width:200px; border:solid 1px black; text-align: center; } .node { height:200px; border:solid 1px black; margin:0 aut

尝试关闭
.nodeText
分区。

您是指垂直居中还是水平居中

内联内容的水平居中很容易。只需将
text align:center
应用于包含的块。使用CSS在另一个块内水平居中块通常通过以下方式完成：

.left {
  float:left;
  width:200px;
  border:solid 1px black;
  text-align: center;
}
.node {
  height:200px;
  border:solid 1px black;
  margin:0 auto;
}
.nodeText{
  vertical-align: middle;
}
h2{
     text-align: center;
}
注意：在IE6上，这要求IE处于“标准兼容”模式，而不是“怪癖”模式。要强制执行此操作，请始终在HTML文档上添加一个。例如：

#centerMe { margin: 0 auto; }
垂直居中更糟糕

你可能想看看。这其实是一个非常重要的问题。您使用的
垂直对齐
样式属性仅适用于表格单元格（以跨浏览器向后兼容的方式）。这对于一个表来说是微不足道的。

您编写的HTML可以在我的浏览器（FF 3.5.8）中使用。但是，您缺少两个结束标记。也许你的浏览器比我的更严格。而且，
已被弃用，因此尽可能避免使用

我会把所有这些都写在评论中，但我的代表还不够高！：/

使用chrome和firefox无法正常工作。这表明，当遇到奇怪的CSS行为时，首先要做的事情之一是验证HTML。：）文本对齐的IE。。。其他浏览器可以使用：边距：0自动； 
#centerMe { margin: 0 auto; }

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">