Html CSS:img'；s内联块对齐_Html_Css

Html CSS:img'；s内联块对齐

html css

Html CSS:img'；s内联块对齐,html,css,Html,Css,无论出于何种原因，此图像使其余标记在其容器内不对齐，尽管它设置为显示内联块：对你们来说应该是简单的事情。对我来说，我已经花了好几天的时间试图解决这个问题顺便说一下，我不想使用float。我不完全知道如何控制他们的古怪，也没有时间去学习。如果你能不用它们，我将不胜感激。不过，如果你能带我去一个涵盖他们所有不幸事件的速成班，我可以参加一个关于浮子的速成班现在，我需要坚持使用非浮动css 注：边界仅用于“调试”，实际上并不必要 HTML: <!DOCTYPE html> <h

无论出于何种原因，此图像使其余标记在其容器内不对齐，尽管它设置为显示内联块：

对你们来说应该是简单的事情。对我来说，我已经花了好几天的时间试图解决这个问题

顺便说一下，我不想使用float。我不完全知道如何控制他们的古怪，也没有时间去学习。如果你能不用它们，我将不胜感激。不过，如果你能带我去一个涵盖他们所有不幸事件的速成班，我可以参加一个关于浮子的速成班

现在，我需要坚持使用非浮动css

注：边界仅用于“调试”，实际上并不必要

HTML:

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link rel="stylesheet" type="text/css" href="css_test2.css" />
</head>
<body>
<div id="header">
    <img src="http://img710.imageshack.us/img710/938/imgbz.png" id="logo">
    <a href="#" id="logo_txt">Title goes here</a>
    <span id="social_media">Social media links</span>
</div>
</body>
</html>

#header {
    border: 1px solid red;

    width: 800px;
    height: 123px;
    margin: 0px auto;
    padding: 0px;

    background-color: rgb(181, 230, 29);
    }

#logo {
    border: 1px solid red;
    display: inline-block;

    width: 172px;
    height: 123px;
    }


#logo_txt {
    border: 1px solid black;
    display: inline-block;

    width: 100px;
    height: 123px;
    }
#social_media {
    border: 1px solid black;
    display: inline-block;

    width: 300px;
    height: 123px;
    text-align: right;
    }

float

左边的元素，一切正常：

我添加了这个CSS：

#header > * {
    float: left;
}

#header {
    overflow: auto;
}

float

左边的元素，一切正常：

我添加了这个CSS：

#header > * {
    float: left;
}

#header {
    overflow: auto;
}

解决此问题的最快方法是将

垂直对齐：顶部

添加到

#徽标

样式。

解决此问题的最快方法是将

垂直对齐：顶部

添加到

#徽标
添加
vertical-align:text-top; 

对于您的图像样式，vertical align:top也可以，但我使用了文本顶部，因为它与文本对齐
默认的垂直对齐方式是基线，这将使图像底部与其他div中的文本对齐
添加
vertical-align:text-top; 

对于您的图像样式，vertical align:top也可以，但我使用了文本顶部，因为它与文本对齐
默认的垂直对齐方式是基线，这将使图像底部与其他div中的文本对齐
如果您使用了显示内联块
而不是定义一个属性
vertical-align:top; 

因为默认情况下属性是垂直对齐：中间然后定义垂直对齐
属性
现在sam在img
tag中定义img标签在cssverticel align:top
.
Hi i如果您使用了显示内联块
而不是定义一个属性
vertical-align:top; 

因为默认情况下属性是垂直对齐：中间然后定义垂直对齐
属性
现在sam在img
tag中定义img标签在cssverticel align:top
.
-1海报多次声明他不想使用float。我看不出有任何理由这样限制。你知道吗？海报上的限制是有其自身原因的。-1海报多次声明他不想使用float。我看不出有任何限制的原因。是吗？海报上写的限制是出于他们自己的原因。