Question

我有两块带彩色背景的文字。我希望它们彼此相邻，然后在页面上水平居中，但我不能让它们居中在页面上。此外，我必须使用内联样式，因为我只是在wordpress上编码工作。救命啊！

using FluentValidation;
using System.Collections.Generic;

namespace Test.Validator
{

    public class EmailCollection
    {
        public IEnumerable<string> email { get; set; }

    }

    public class EmailValidator:  AbstractValidator<string>
    {
        public EmailValidator()
        {
            RuleFor(x => x).Length(0, 5);
        }

    }

    public class EmailListValidator: AbstractValidator<EmailCollection>
    {
        public EmailListValidator()
        {
            RuleFor(x => x.email).SetCollectionValidator(new EmailValidator());
        }

    }



}

Answer 1

通常，您应该知道在页面上居中使用div的技巧。如果你想集中一些内容，你就会知道width会是什么，对吧？所以你可以使用：

width: /* something */;
margin-left: auto;
margin-right: auto;

因此，对于您的代码段，如果您没有定位旧浏览器，我建议您使用flex。我会做这样的事情：

<div style="display: flex; width: 80%; margin-left: auto; margin-right: auto;">
  <div style="flex: 3">this is the larger div to the left</div>
  <div style="flex: 1">this is the one that should fall on the right</div>
</div>

注意：我的代码与代码中的代码保持比例。

无法弄清楚如何将div居中到页面

1 个答案: