HTML内联Flex不适应主类
这是我面临的问题 我试图在HTML内联Flex不适应主类,html,css,flexbox,Html,Css,Flexbox,这是我面临的问题 我试图在content4类下创建两个容器,并将imagesetter作为类。 其目的是从左侧移动边距25%宽度 现在看来,这幅画很好用。 但对于文本,我尝试了各种显示方式。第二个文本只是不想向右对齐 CSS: HTML: 我们在stackoverflow man就是这样做的 我们在stackoverflow man就是这样做的 代码笔: 只是专业人士的建议, 我是否应该创建4个宽度为25%的容器,并将其停放在content4下? 这是为了解决响应问题。好吧,我通过将方法更改
content4
类下创建两个容器,并将imagesetter
作为类。
其目的是从左侧移动边距25%
宽度
现在看来,这幅画很好用。
但对于文本,我尝试了各种显示方式。第二个文本只是不想向右对齐
CSS:
HTML:
我们在stackoverflow man就是这样做的
我们在stackoverflow man就是这样做的
代码笔:
只是专业人士的建议,
我是否应该创建4个宽度为25%的容器,并将其停放在content4
下?
这是为了解决响应问题。好吧,我通过将方法更改为内联块来修复它: HTML:
<div id="content4" class="imgsetter">
<img class="imghalf" src="Projects/Sojo/Documentation/Slice/01_Home/itenarythumb01.png" />
<img class="imghalf" src="Projects/Sojo/Documentation/Slice/01_Home/itenarythumb02.png" />
<p class="t5 imghalf">5 Days 4 Nights Tokyo Free & Easy Travel!</p>
<p class="t5 imghalf">6 Days 5 Nights Nagano Nature Adventure </p>
</div>
说明:我在的基础上添加了两个类。因此,它将继承被
左边距25%分割的容器。
你不是说flex吗?“我从没听说过通量。”诺亚努,它是flex。我的打字错误:(运气不好,很难过。有点难:(
<div id="content4" class="imgsetter">
<img class="imghalf" src="http://via.placeholder.com/450x300.png" />
<img class="imghalf" src="http://via.placeholder.com/450x300.png" />
<p class="t5">This is how we do it at stackoverflow man</p>
<p class="t6">This is how we do it at stackoverflow man</p>
</div>
<div id="content4" class="imgsetter">
<img class="imghalf" src="Projects/Sojo/Documentation/Slice/01_Home/itenarythumb01.png" />
<img class="imghalf" src="Projects/Sojo/Documentation/Slice/01_Home/itenarythumb02.png" />
<p class="t5 imghalf">5 Days 4 Nights Tokyo Free & Easy Travel!</p>
<p class="t5 imghalf">6 Days 5 Nights Nagano Nature Adventure </p>
</div>
.t5 {
display: inline-block;
font-family:actor;
font-weight: bold;
font-size:26px;
margin-left:25%;
padding-left: 100px;
}