调整facebook登录按钮的大小

时间:2018-11-19 06:48:56

标签: javascript

我正在使用Facebook登录按钮访问我的练习网站。

但是我有一个问题。我有一个用于Facebook登录的div标签。我可以修复 $this->load->view('Receipt_View1',$data); ,但我想将其用于Web中的反应类型。

我想将width px更改为max-width,该怎么办?

谢谢

735px

1 个答案:

答案 0 :(得分:0)

在CSS文件中,您可以创建一个新类并将其应用于div。例如,在您的文件中,您可以拥有

.login-reduced-width {
    max-width: 735px;
}

然后您的div看起来像

<div class="fb-login-button" data-max-rows="1" data-size="large" 
  data-button-type="login_with" data-show-faces="false"
  data-height="100px" data-auto-logout-link="false" 
  data-use-continue-as="false">
</div>

或者,您可以内联CSS(通常不建议这样做,但是可以使用):

<div class="fb-login-button" data-max-rows="1" data-size="large" 
  data-button-type="login_with" data-show-faces="false"
  data-height="100px" data-auto-logout-link="false" 
  data-use-continue-as="false"
  style="max-width: 735px;">
</div>