Fatal编程技术网
  • html/
  • Html 垂直对齐在小提琴中工作，但不在浏览器中工作

Html 垂直对齐在小提琴中工作，但不在浏览器中工作

html css

Html 垂直对齐在小提琴中工作，但不在浏览器中工作,html,css,Html,Css,没有脚本或任何东西，只有纯CSS和HTML 在Dreamweaver和Chrome工作。我有一个问题，垂直对准一个div中间的图像，所以我创建了一个小提琴来张贴，但小提琴实际上对准图像垂直在中心。所以我对这件事有点困惑。它甚至可以在代码段中工作，但我在浏览器中打开文件，它就不工作了 小提琴、代码片段和实时表单之间的代码没有区别 *{ 填充：0； 保证金：0； 边界：0； } .网络研讨会标题{ 背景：#00A9FF； 位置：相对位置； 溢出：隐藏； 高度：75px； 线高：75px； } .网

没有脚本或任何东西，只有纯CSS和HTML

在Dreamweaver和Chrome工作。我有一个问题，垂直对准一个div中间的图像，所以我创建了一个小提琴来张贴，但小提琴实际上对准图像垂直在中心。所以我对这件事有点困惑。它甚至可以在代码段中工作，但我在浏览器中打开文件，它就不工作了

小提琴、代码片段和实时表单之间的代码没有区别

*{
填充：0；
保证金：0；
边界：0；
}
.网络研讨会标题{
背景：#00A9FF；
位置：相对位置；
溢出：隐藏；
高度：75px；
线高：75px；
}
.网络研讨会标题徽标{
浮动：左；
高度：75px；
线高：75px；
左边距：13px；
位置：相对位置；
显示：表格单元格；
垂直对齐：中间对齐；
}
.网络研讨会标题徽标img{
垂直对齐：中间对齐；
}
尝试使用以下样式设置您的div： 显示：表格单元格；
垂直对齐：中间对齐

试着用以下方式设计你的div： 显示：表格单元格；
垂直对齐：中间对齐

试着用以下方式设计你的div： 显示：表格单元格；
垂直对齐：中间对齐

试着用以下方式设计你的div： 显示：表格单元格；
垂直对齐：中间对齐

您的示例和代码片段有所不同。要修复站点代码，应使用
display:inline block
和
height:100%
。这篇文章对此的回答相当不错：

*{
填充：0；
保证金：0；
边界：0；
}
.网络研讨会标题{
背景：#00A9FF；
显示：内联块；
身高：100%；
位置：相对位置；
溢出：隐藏；
线高：75px；
}
.网络研讨会标题徽标{
浮动：左；
高度：75px；
显示：内联块；
线高：75px；
左边距：13px；
位置：相对位置；
垂直对齐：中间对齐；
}
.网络研讨会标题img{
垂直对齐：中间对齐；
显示：内联块；
身高：100%；
}
您的示例和代码片段有所不同。要修复站点代码，应使用
display:inline block
和
height:100%
。这篇文章对此的回答相当不错：

*{
填充：0；
保证金：0；
边界：0；
}
.网络研讨会标题{
背景：#00A9FF；
显示：内联块；
身高：100%；
位置：相对位置；
溢出：隐藏；
线高：75px；
}
.网络研讨会标题徽标{
浮动：左；
高度：75px；
显示：内联块；
线高：75px；
左边距：13px；
位置：相对位置；
垂直对齐：中间对齐；
}
.网络研讨会标题img{
垂直对齐：中间对齐；
显示：内联块；
身高：100%；
}
您的示例和代码片段有所不同。要修复站点代码，应使用
display:inline block
和
height:100%
。这篇文章对此的回答相当不错：

*{
填充：0；
保证金：0；
边界：0；
}
.网络研讨会标题{
背景：#00A9FF；
显示：内联块；
身高：100%；
位置：相对位置；
溢出：隐藏；
线高：75px；
}
.网络研讨会标题徽标{
浮动：左；
高度：75px；
显示：内联块；
线高：75px；
左边距：13px；
位置：相对位置；
垂直对齐：中间对齐；
}
.网络研讨会标题img{
垂直对齐：中间对齐；
显示：内联块；
身高：100%；
}
您的示例和代码片段有所不同。要修复站点代码，应使用
display:inline block
和
height:100%
。这篇文章对此的回答相当不错：

*{
填充：0；
保证金：0；
边界：0；
}
.网络研讨会标题{
背景：#00A9FF；
显示：内联块；
身高：100%；
位置：相对位置；
溢出：隐藏；
线高：75px；
}
.网络研讨会标题徽标{
浮动：左；
高度：75px；
显示：内联块；
线高：75px；
左边距：13px；
位置：相对位置；
垂直对齐：中间对齐；
}
.网络研讨会标题img{
垂直对齐：中间对齐；
显示：内联块；
身高：100%；
}


这是
！在您的站点上输入DOCTYPE

更改为：


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">






…到


<!DOCTYPE html>







请参见这是
！在您的站点上输入DOCTYPE

更改为：


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">






…到


<!DOCTYPE html>







请参见这是
！在您的站点上输入DOCTYPE

更改为：


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">






…到


<!DOCTYPE html>







请参见这是
！在您的站点上输入DOCTYPE

更改为：


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">






…到


<!DOCTYPE html>







请参见
从您的
.webinar标题徽标
样式中删除
float:left


不需要它，至少在您发布的标记中
从您的
.webinar标题徽标
样式中删除
float:left


不需要它，至少在您发布的标记中
从您的
.webinar标题徽标
样式中删除
float:left


不需要它，至少在您发布的标记中
从您的
.webinar标题徽标
样式中删除
float:left


不需要它，至少在您发布的标记中是
float:left
。您已经是
位置：相对
，因此可以删除
边距：左和
浮动：左


.webinar-header-logo {
/* float: left; */
height: 75px;
line-height: 34px;
left: 45px;
position: relative;
display: table-cell;
vertical-align: middle;
}



这是
浮动：左
。您已经是
位置：相对
，因此可以删除
边距：左和
浮动：左


.webinar-header-logo {
/* float: left; */
height: 75px;
line-height: 34px;
left: 45px;
position: relative;
display: table-cell;
vertical-align: middle;
}



这是
浮动：左
。您已经是
位置：相对
，因此可以删除
边距：左和
浮动：左


.webinar-header-logo {
/* float: left; */
height: 75px;
line-height: 34px;
left: 45px;
position: relative;
display: table-cell;
vertical-align: middle;
}



这是
浮动：左
。您已经是
位置：相对
，因此可以删除
边距：左和
浮动：左


.webinar-header-logo {
/* float: left; */
height: 75px;
line-height: 34px;
left: 45px;
position: relative;
display: table-cell;
vertical-align: middle;
}


它在花园里