html - 右侧的 div 宽度受限
问题描述
可用页面宽度为 1600 像素,我试图将 div 向右对齐,并且最大宽度为 1200 像素。但这并没有发生。
.csystem {
display: flex;
max-width: 1200px;
flex-direction: column;
justify-content: flex-end
}
<div class="csystem">
<h1>Yes</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
</div>
解决方案
align-items
您不应该使用justify-content
,因为您更改了flex-direction
to 列
.csystem {
display: flex;
max-width: 1200px;
/* margin-left: auto; */ /* If you wnat the div to be on the right */
flex-direction: column;
align-items: flex-end;
}
<div class="csystem">
<h1>Yes</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
</div>
推荐阅读
- firebase - Vue + Firebase 存储图像不显示
- asp.net-mvc - 使用依赖注入在 .net core 2.0 中联合测试
- javascript - 本地化 javascript 函数
- javascript - 'catch(...)' 后面没有'{...}' 块是什么意思?
- ios - 页面控制 UITableView Swift
- node.js - 不能调用 next() 作为最后一个中间件?
- android - Android更改可点击的卡片视图的悬停颜色
- python - 一次转换数据框中的多列
- azure - Power BI 报告成本优化
- python - 为什么我的一些字典键和值消失了?