css - 什么使平面ui模板中特定宽度的登录表单

Question

我正在尝试使用 Flat UI。所以我正在浏览他们的网站以了解他们的页面如何使用平面 ui。在这里，我无法跟踪登录表单的宽度。有人知道登录表单的宽度是多少吗？链接在这里

Answer 1

的宽度login-form由应用于其父login-screen容器的填充控制。

.login-screen该类的原始填充是123px 199px 33px 306px. 如果您将其更改为类似 的内容123px 33px 33px 306px，您会看到该框向右水平增长。

同样，如果您更改左侧填充值，该框将水平向左增长。当然，它也会掩盖“欢迎”图标，所以你也需要重新定位它。它的位置设置为absolute，由为left和top属性指定的像素值控制。

请注意，基于浏览器的 CSS 检查器对于解决此类问题非常有用。我知道的所有主要浏览器都包含开箱即用的此类实用程序。只是玩弄这些样式，直到你得到你想要的效果，然后回过头来用你的 CSS 知识弄清楚你刚刚做了什么。