我在CSS中的内容定位有问题。我想把我的内容和垂直定位。我试过使用柔性箱,但没有用。我知道什么是柔性盒,它的特性,但它对我不起作用。这是CSS和HTML代码。
HTML:
<div class="main-div">
<div class="container-1">
<h2>What is Your Age In Days?</h2>
<div class="flex-box-container-1">
<
汇总:我希望有两个文本块并排(包含在一个div中),这两个块通过flexbox管理。但是,它们的内容受到父display的div的影响。
(下面的代码在中)
为什么下面的代码
.flex {
display: flex;
flex-direction: row;
}
<div class="flex">
<div class="flex">
this is the content of the left box
</div>
<div class="flex">
默认情况下,在某些设置中,元素之间似乎存在4px差距(参见示例),它为什么会存在?我怀疑如果修好它会有什么不好的影响。
使用flex-box解决了这个问题,但我仍然不知道它为什么存在,以及它是在加载时生成的还是用JavaScript创建的元素之间的区别。
for(var i = 0; i < 8; i++) {
$(".js").append('<div class="box"></div>');
}
body {
font-family: sans-serif;
}
body > div {