Html 为什么不'；t内联div是否内联显示？但是以楼梯的形式叠放
我想有一个标题和一个图像，它们是两个文本，文件是从右到左。 我正在使用内联块显示和百分比宽度实现一个12列分割，我上面提到的三个对象以2-5-5的间距放置（包括代码）。Html 为什么不'；t内联div是否内联显示？但是以楼梯的形式叠放,html,css,inline,Html,Css,Inline,我想有一个标题和一个图像，它们是两个文本，文件是从右到左。 我正在使用内联块显示和百分比宽度实现一个12列分割，我上面提到的三个对象以2-5-5的间距放置（包括代码）。 问题是： 它们以楼梯状排列，而不是直线排列。每个div都略低于前一个div（因为文档是rtl，所以位于其右侧） 我将包括下面的代码 有人能告诉我我做错了什么吗 <html dir="rtl" xmlns="http://www.w3.org/1999/html"> <he
问题是：
它们以楼梯状排列，而不是直线排列。每个div都略低于前一个div（因为文档是rtl，所以位于其右侧）
我将包括下面的代码
有人能告诉我我做错了什么吗
<html dir="rtl" xmlns="http://www.w3.org/1999/html">
<head>
<style>
body{
margin:0px;
}
header{
position:fixed;
top:0px;
left:0;
width:100%;
height:5%;
}
.container-fluid{
position:relative;
height:100%;
}
.col-5{
position:relative;
display:inline-block;
height:100%;
margin-right:6px;
top:0;
width:40%;
}
.col-2{
position:relative;
display:inline-block;
height:100%;
width:16%;
}
.img-cont{
position:relative;
height:100%;
margin-right:auto;
display:inline-block;
}
</style>
</head>
<body>
<header>
<div class="container-fluid">
<div class="col-2">
<div class="img-cont">
<img height="100%" src="circle.png"/>
</div>
</div>
<div class="col-5">
<span style="display:inline-block; font-size:30px; "> سلام </span>
</div>
<div class="col-5">
<span>hello</span>
</div>
</div>
</header>
</body>
</html>
身体{
边际：0px；
}
标题{
位置：固定；
顶部：0px；
左：0；
宽度：100%；
身高：5%；
}
.容器液体{
位置：相对位置；
身高：100%；
}
上校5{
位置：相对位置；
显示：内联块；
身高：100%；
右边距：6px；
排名：0；
宽度：40%；
}
.col-2{
位置：相对位置；
显示：内联块；
身高：100%；
宽度：16%；
}
.img续{
位置：相对位置；
身高：100%；
右边距：自动；
显示：内联块；
}
سلام
你好
您只需使用
display:flex并排列，然后使用对齐内容：居中和调整内容：中心。这将使div对齐
身体{
边际：0px；
}
标题{
位置：固定；
顶部：0px；
左：0；
宽度：100%；
身高：5%；
}
.容器液体{
位置：相对位置；
身高：100%；
显示器：flex；
对齐内容：居中对齐；
证明内容：中心；
}
上校5{
身高：100%；
右边距：6px；
宽度：40%；
}
.col-2{
身高：100%；
宽度：16%；
}
.img续{
身高：100%；
右边距：自动；
}
سلام
你好
您只需使用显示：flex并排列，然后使用对齐内容：居中和调整内容：中心。这将使div对齐
身体{
边际：0px；
}
标题{
位置：固定；
顶部：0px；
左：0；
宽度：100%；
身高：5%；
}
.容器液体{
位置：相对位置；
身高：100%；
显示器：flex；
对齐内容：居中对齐；
证明内容：中心；
}
上校5{
身高：100%；
右边距：6px；
宽度：40%；
}
.col-2{
身高：100%；
宽度：16%；
}
.img续{
身高：100%；
右边距：自动；
}
سلام
你好
先生。你真是个救世主。非常感谢你，先生。你真是个救世主，非常感谢。