float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。
在anagular中,如果和自定义控件一起用,并且需要排在一行的时候,最好使用float来进行排列,如下:
<span style="float:left;line-height: 50px;margin-left: 10px;margin-right: 20px">{{summaryTitle}}</span>
<div style="float:left">
<app-select-clear-refresh [selectVisible]="false"></app-select-clear-refresh>
</div>
其中app-select-clear-refresh是自定义的angular的组件。如果不使用float的话,可能有问题。
最好将自定义组件也包装下,便于控制。