使用flexbox对齐div文本

丹尼尔·邦内尔(Daniel Bonnell)

我试图证明div中的某些文本是正当的,无论我做什么,我似乎都无法将其到达想要的位置。我使用flexbox查看的所有资源都表明我的代码是正确的,但显然事实并非如此。我已经创建了当前代码小提琴

.job-description {
  display: flex;
  justify-content: space-between;
}
<div class="job-description">
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut velit massa, condimentum consectetur quam vel, dictum ullamcorper nulla. Maecenas ac sem hendrerit, finibus nibh vitae, aliquet est. Aliquam consequat ultricies turpis sit amet pulvinar. Aenean
    commodo consectetur sapien eu rhoncus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames.
  </p>
</div>

路易斯·PA

只需使用 text-align: justify

的CSS

.job-description {
    display: flex;
    justify-content: space-between;
}

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

此处演示

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

CSS对齐div底部的文本

来自分类Dev

使用jsPDF对齐文本

来自分类Dev

使用Flexbox对齐角落中的元素

来自分类Dev

文本在div内左对齐

来自分类Dev

Flexbox中的文本顶部对齐

来自分类Dev

Flexbox对齐到div的结尾

来自分类Dev

使用flexbox在链接内垂直对齐文本

来自分类Dev

使用flexbox父级在绝对定位的div中垂直居中,右对齐,多行文本

来自分类Dev

如何使文本右对齐,但div居中对齐?

来自分类Dev

如何使用<div>元素将文本/边框与页面中心对齐?

来自分类Dev

无法使用Flexbox将项目居中对齐

来自分类Dev

使用flexbox对齐项目

来自分类Dev

如何使用Flexbox对齐HTML中的项目

来自分类Dev

CSS文本与多个Div对齐

来自分类Dev

使用div块内的链接使文本垂直对齐

来自分类Dev

将href对齐div文本顶部的div

来自分类Dev

使用CSS在div内垂直对齐文本

来自分类Dev

div上的文本对齐方式

来自分类Dev

无法使用Flexbox垂直对齐div

来自分类Dev

Flexbox-水平对齐垂直文本

来自分类Dev

使用 Flexbox 对齐图像

来自分类Dev

将文本中心与 Flexbox 列对齐

来自分类Dev

使用 flexbox 排列 div

来自分类Dev

无法垂直对齐文本 - angularJS + bootstrap + flexbox

来自分类Dev

Flexbox - 在 div 中响应右对齐 UL?

来自分类Dev

如何使用 flexbox 将两个按钮与 'position:absolute' 的 div 的中心对齐?

来自分类Dev

使用 Flexbox 垂直居中并对齐子项

来自分类Dev

如何使用 flexbox 将文本与图像水平对齐?

来自分类Dev

文本在 flexbox 中右对齐