Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 在上面的选项卡上按“离子”键放置项目?_Html_Css_Position_Ionic - Fatal编程技术网

Html 在上面的选项卡上按“离子”键放置项目?

Html 在上面的选项卡上按“离子”键放置项目?,html,css,position,ionic,Html,Css,Position,Ionic,我想放置一个元素,在本例中是一个。我想在标签上显示这个,如图所示。 我试过很多东西,但都不管用。此视图是一个模板,在另一个文件中是选项卡 <ion-view title='<ion-nav-buttons class="btn-retroceder" side="left"><a class="button button-icon" href="#/MenuPrincipal"><i class="ion-chevron-left"></i>

我想放置一个元素,在本例中是一个
。我想在标签上显示这个,如图所示。 我试过很多东西,但都不管用。此视图是一个模板,在另一个文件中是选项卡

<ion-view title='<ion-nav-buttons class="btn-retroceder" side="left"><a class="button button-icon" href="#/MenuPrincipal"><i class="ion-chevron-left"></i></a></ion-nav-buttons>'>
  <ion-content ng-controller="TomaDecisionesController">
            <div class="bar bar-header bar-tomaDecisiones">
                     <h1 class="title tituloBarToma"> title</h1>
            </div>
            <div class="padding contenido-toma-decisiones">
            <label class="item " href="#">
                        <select  ng-model="eps1"  class="item item-input" style='width: 100%;'>
                            <option style="display:none" value="">x</option>

                        </select>
            </label>
            <label class="item " href="#">
                        <select  ng-model="eps2"  class="item item-input" style='width: 100%;'>
                            <option style="display:none" value="">x</option>

                        </select>
            </label>  
           </div>
//*******************
//this is the div 
           <div>
                <label class="item " href="#" >
                            <select  ng-model="criterio"  class="item item-input" style='width: 100%;'>
                                <option style="display:none" value="">CRITERIO</option>
                                <option  value="">CRITERIO2</option>
                                <option value="">CRITERIO3</option>
                            </select>
                </label>  
            </div>

  <ion-content>

标题
x
x
//*******************
//这是分区
标准
准则2
准则3


我希望这个div总是这样固定,在同一个位置。(和标签一样)

你说过“你试了很多”…也试一下。可能会有帮助。 如图所示,使用选项卡添加此选项

style=“bottom:54px;”“
是bcoz,制表符覆盖它。你可以找到更好的方法

<div class="tabs " style="bottom:54px;display: block">
  <label class="item block " href="#" >
    <select  ng-model="criterio"  class="item item-input block" style='width: 100%;'>
      <option style="display:none" value="">CRITERIO</option>
      <option  value="">CRITERIO2</option>
      <option value="">CRITERIO3</option>
    </select>
  </label>
</div>

<ion-tabs class="tabs-icon-top tabs-positive">

  <ion-tab title="Home" icon="ion-home" ui-sref="tabs.home">
    <ion-nav-view name="home-tab"></ion-nav-view>
  </ion-tab>

  <ion-tab title="About" icon="ion-ios-people"">
    <ion-nav-view name="about-tab"></ion-nav-view>
  </ion-tab>

</ion-tabs>

标准
准则2
准则3

谢谢但如果我这样做,它将出现在所有选项卡中。我只想在这个模板中。。