html– 将标签对齐到DIV中的中心位置和左侧位置

html– 将标签对齐到DIV中的中心位置和左侧位置,第1张

概述我有这样的DIV: <div id='mydiv'> <label id='orderName' style='align:center;'>Order Name</label> <label id='orderNo' style='align:left;'>Order N

我有这样的div:

    

我在尝试着:
– 将Ordername水平和垂直对齐div的中心.
– 在div的水平左侧(垂直居中)对齐OrderNo.

我怎样才能做到这一点?

    ----------------------------------   |                                 |   | OrderNo     Ordername           |   |                                 |    ----------------------------------
最佳答案以下CSS将给出您的预期结果:

div {    text-align: center;}#ordername {    vertical-align: mIDdle;}#orderNo {    float: left;}
 

解决方案2:

使用display的其他方式:flex.在这里,我添加了高度和边框来显示垂直中心.

并给予保证金:0自动;到中心.

div {    align-items: center;    display: flex;    height: 40px;  border: 1px solID;}#ordername {    order: 2;    margin:0 auto;}
总结

以上是内存溢出为你收集整理的html – 将标签对齐到DIV中的中心位置和左侧位置全部内容,希望文章能够帮你解决html – 将标签对齐到DIV中的中心位置和左侧位置所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1122868.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-29
下一篇2022-05-29

发表评论

登录后才能评论

评论列表(0条)