小编Pre*_*pra的帖子

如何使用IONIC框架在中心或右侧对齐按钮?

在此输入图像描述

我想要右边的登录和注册按钮,中心的搜索按钮,我搜索了很多,但没有得到任何解决方案.

还有如何将文本区域对齐到合适的位置.

这是我的HTML代码:

<body ng-app="starter">

    <ion-pane  style = "background-color:#4992E2;">
      <ion-header-bar class="bar bar-subheader" style = " margin-top: -35px; background-color:#F9F9F9;">
        <h1 class="title" style = "color:black;">NetHealth Appointment Booking</h1>
      </ion-header-bar>
      <ion-content >
          <div class = "row center">
               <div class="col">
                    <button class="button button-small  button-light" >
                      Login!
                    </button>
                     <button class="button button-small  button-light">
                      Register Here!
                    </button>
                </div>
          </div>
          <div class="item-input-inset">
            <h4>Date</h4> 

          <label class="item-input-wrapper">
                <input type="text" placeholder="Text Area">
          </label>
        </div>
        <div class="item-input-inset">
            <h4>Suburb</h4>

          <label class="item-input-wrapper">
                <input type="text" placeholder="Text Area">
          </label>
        </div>
        <div class="item-input-inset">
            <h4>Clinic</h4> …
Run Code Online (Sandbox Code Playgroud)

css ionic-framework

38
推荐指数
4
解决办法
13万
查看次数

标签 统计

css ×1

ionic-framework ×1