作者:放ch养奶牛 | 2023-09-10 19:52
我flexbox
用于我的布局,在完成Flexbox Froggy之后,我尝试得到以下对齐方式:
我的想法如下:
boxes()需要在列中流动:
flex-direction: column;
它们是自上而下的: align-content: flex-start;
一个特定的盒子将自己对齐到底部:align-self: flex-end;
这导致下面的HTML代码(也可以在JSFiddle上获得)
用CSS
.container {
display: flex;
flex-direction: column;
align-content: flex-start;
}
.box3 {
align-self: flex-end;
}
但它不起作用 - 看起来第三个框被推(flex-end
)向右而不是向下.
我的理解是align-self
处理相对于容器的异常("容器从顶部对齐所有东西,但我,我自己,将对齐到底部").不是这样吗?
推荐阅读
-
如何解决《来自Cluster的HADOOP_CONF_DIR的值》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《在AndroidStudio消息"Paint.setShadowLayer..图形不准确.."没有此代码》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《为什么我们不加延迟地调用$timeout。》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《KendoDateTimePicker设置当前小时12:00AM而不是DateTime.Now》经验,为你挑选了0个好方法。 ...
[详细]
-
如何解决《使用AJAX调用执行Javascript》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《查找类中的所有属性是否相同》经验,为你挑选了2个好方法。 ...
[详细]
-
如何解决《关于迦太基更新的Alamofire错误》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《为什么HAProxy无法加载letsencrypt生成的证书?》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《初始化WireMockHTTP服务器时出现HttpHostConnectException》经验,为你挑选了0个好方法。 ...
[详细]
-
如何解决《在Matlab中设置向量的初始类型》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《无法安装rgdal》经验,为你挑选了3个好方法。 ...
[详细]
-
如何解决《Calulcate在一列时间戳上使用difftime运行时间差》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《Scipy稀疏反转或spsolve导致UMFPACK_ERROR_OUT_OF_MEMORY》经验,为你挑选了0个好方法。 ...
[详细]
-
如何解决《AngularJS花括号没有解析,但ng-bind有效》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《烧瓶中的芹菜:AttributeError:'Flask'对象没有属性'user_options'》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《如何使用AngularJS在数据库的复选框中设置默认值》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《在UWP应用程序中合并ResourceDictionary初始化》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《关于Object.hashcode()和冲突》经验,为你挑选了0个好方法。 ...
[详细]
-
如何解决《使用NLog打印多行消息》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《uib-datepicker动态最小日期angularjs》经验,为你挑选了0个好方法。 ...
[详细]