类login100-form-title CSS未显示

问题描述

<body style="background-color: #666666;">
    <div class="limiter">
        <div class="container-login100">
            <div class="wrap-login100">
                <form class="login100-form validate-form" action="<?php echo base_url().'index.php/welcome/login'?>" method="post">
                    <h1 class="login100-form-title fs-70">AWAS</h1>
                    
                    <span class="login100-form-title p-b-43 fs-20">
                    Accounting Web Application System   
                    </span> 
                    <span class="fs-15">
                        Login to continue
                    </span>
                    
                    <div class="p-t-13 wrap-input100 validate-input" data-validate = "Valid Username is required">
                        <input class="input100" type="text" name="username">
                        <span class="focus-input100"></span>
                        <span class="label-input100">Username</span>
                    </div>
                    
                    
                    <div class="wrap-input100 validate-input" data-validate="Password is required">
                        <input class="input100" type="password" name="password">
                        <span class="focus-input100"></span>
                        <span class="label-input100">Password</span>
                    </div>

                    
                    <div class="warning fs-13" style="color:red;"><span><?php echo $this->session->flashdata('status');?></span></div>
            

                    <div class="container-login100-form-btn m-t-20">
                        <button class="login100-form-btn">
                            Login
                        </button>
                    </div>
                </form>
                

                <div class="login100-more" style="background-image: url('http://xxx.xxx.x.xxx/awas/assets/images/bg-01.jpg');">
                </div>
            </div>
        </div>
    </div>
    
    
    <script src="<?php echo base_url();?>assets/jquery/jquery-3.2.1.min.js"></script>
    
    <script src="<?php echo base_url();?>assets/bootstrap/js/bootstrap.min.js"></script>
    
    <script src="<?php echo base_url();?>assets/js/main.js"></script>
</body>

CSS：

.login100-form-title {
  width: 1000%;
  display: block;
  font-family: Poppins-Regular;
  color: #333333;
  line-height: 1.2;
  text-align: center;
}

以前这很正常。

在我运行它的时候

什么都没发生，我认为这是xampp的问题，我重新启动它仍然没有效果，并且我以为这是我的计算机的问题，我重新启动了计算机，但仍然没有任何反应。

解决方法

您给.login100-form-title的{{1}}做width of 1000%，它就会起作用。

由于100% 是h1，因此完全删除宽度将解决此问题，默认情况下，它将占用block element。

错误

100% width

右

.login100-form-title {
    width: 1000%;

}

这不是您要找的东西吗？请让我知道并向我展示更多CSS，我应该能够提供帮助。

html

类login100-form-title CSS未显示

问题描述

解决方法

相关问答