Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
HTML内联Flex不适应主类_Html_Css_Flexbox - Fatal编程技术网

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;
}