css - 是什么让平面 ui 模板中的登录表单具有特定宽度

Question

我正在尝试使用 Flat UI。所以我正在浏览他们的网站以了解他们的页面如何使用平面 ui。在这里我无法追踪登录表单的宽度。任何人都知道登录表单的宽度是多少？ here is the link

Answer 1

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

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

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

请注意，基于浏览器的 CSS 检查器对于解决此类问题非常有用。我所知道的所有主要浏览器都包含这些开箱即用的实用程序。只需尝试使用样式，直到获得所需的效果，然后返回并利用您的 CSS 知识弄清楚您刚刚做了什么。