Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.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 使用flexbox对齐div文本_Html_Css_Flexbox - Fatal编程技术网

Html 使用flexbox对齐div文本

Html 使用flexbox对齐div文本,html,css,flexbox,Html,Css,Flexbox,我试图证明div中的一些文本是正确的,但无论我做什么,我似乎都无法将它放到我想要的地方。我在使用flexbox时看到的所有资源都表明我的代码是正确的,但显然不是。我已经创建了我当前代码的一部分 .工作说明{ 显示器:flex; 证明内容:之间的空间; } Lorem ipsum dolor sit amet,是一位杰出的献身者。在马萨,调味品的质量,格言ullamcorper nulla。梅塞纳斯ac sem亨德雷特、菲尼布斯·尼伯·维塔、阿利奎特·埃斯特。阿利奎姆·康斯奎特·尤里西斯·图尔

我试图证明div中的一些文本是正确的,但无论我做什么,我似乎都无法将它放到我想要的地方。我在使用flexbox时看到的所有资源都表明我的代码是正确的,但显然不是。我已经创建了我当前代码的一部分

.工作说明{ 显示器:flex; 证明内容:之间的空间; } Lorem ipsum dolor sit amet,是一位杰出的献身者。在马萨,调味品的质量,格言ullamcorper nulla。梅塞纳斯ac sem亨德雷特、菲尼布斯·尼伯·维塔、阿利奎特·埃斯特。阿利奎姆·康斯奎特·尤里西斯·图尔皮斯坐在阿梅特·普尔文纳。埃尼安 智者和智者的共同利益。佩伦特式居住者morbi tristique Sentecus et netus et malesuada著名。

只需使用文本对齐:对齐

CSS

只需使用文本对齐:对齐

CSS


这似乎是一种概念上的混乱

该特性沿直线对齐 flex容器的当前行的

但是,您不想证明您的flex项目是合理的。相反,您希望对齐其中的文本。因此,正确的证明方法是使用属性,而不是属性。具体而言,有:

此属性描述块的内联级内容的显示方式 如果内容未完全填充,则沿内联轴对齐 接线盒


因此,将文本对齐:对齐添加到flex项中。或者,如果您愿意的话,使用flex容器,并让flex项继承它。

这似乎是概念上的混淆

该特性沿直线对齐 flex容器的当前行的

但是,您不想证明您的flex项目是合理的。相反,您希望对齐其中的文本。因此,正确的证明方法是使用属性,而不是属性。具体而言,有:

此属性描述块的内联级内容的显示方式 如果内容未完全填充,则沿内联轴对齐 接线盒


因此,将文本对齐:对齐添加到flex项中。或者,如果您愿意的话,使用flex容器,并让flex项继承它。

有没有不使用文本对齐:对齐?的理由。工作描述p{text align:justify;}是您想要的?对齐内容仅影响弹性项,而不影响行框或行框内的字母!不使用文本对齐:对齐?的任何原因。工作描述p{text align:justify;}是您想要的吗?对齐内容仅影响弹性项,而不影响行框或行框内的字母!我想我以前试过,但没有成功。我的文本以前不在p标签中。不过现在可以了。谢谢我想我以前试过,但没有成功。我的文本以前不在p标签中。不过现在可以了。谢谢
.job-description {
    display: flex;
    justify-content: space-between;
}

.job-description p{
    text-align: justify;
}