Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.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_Ionic Framework_Ionic4 - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html 将图标放置在工具栏的最左侧

Html 将图标放置在工具栏的最左侧

html css ionic-framework

Html 将图标放置在工具栏的最左侧,html,css,ionic-framework,ionic4,Html,Css,Ionic Framework,Ionic4,我是爱奥尼亚的新手。我想把图标放在工具栏的最左边 我在标签中使用了slot=“start”、class=“float right”和ion float right，但没有任何效果 .logo{ 宽度：100%； 高度：57px； 浮动：左！重要； } 为您的类指定以下样式 .float-left{ float:left; } 尝试将图像放置在元素中。根据，此元素是应该使用slot属性的位置，如下所示： <ion-header> <ion-toolbar>

我是爱奥尼亚的新手。我想把图标放在工具栏的最左边

我在标签中使用了
slot=“start”、class=“float right”和
ion float right
，但没有任何效果



.logo{
宽度：100%；
高度：57px；
浮动：左！重要；
}


为您的
类指定以下样式


.float-left{
  float:left;
}




尝试将图像放置在
元素中。根据，此元素是应该使用
slot
属性的位置，如下所示：


<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-img class="logo"  src='assets/dqlogo-edge.png'></ion-img>  
    </ion-buttons>
  </ion-toolbar>
</ion-header>



能否创建stack blitz演示？