如何在兩個角度js元素之間創建一些空間？

Question

這裏是我的角度JS標記：

 <div layout="row"> 
     <h1 ui-sref="home" style="cursor:pointer">Element A</h1> 
     <h1 flex="10"></h1> 
     <h1 ui-sref="simulator" style="cursor:pointer">Element B</h1> 
     </div> 

然而，在我看「單元A」和「元素B」非常接近對方的瀏覽器。

我怎樣才能讓他們之間的一些空間？

Answer 1

CSS是你的朋友。只需使用margin或padding來填充html元素（如h1）即可。這就是CSS的用途 - 最好是應用樣式而不是依賴諸如
之類的html元素來將事物分開。

h1 {margin: 15px;} 

而且 - 你或許應該不會有多個H1的 - 語義應該只有每個語義部分一個H1（它曾經這樣說，你應該只有每頁1個H1 - 但自問世載像HTML5元素的部分 - 每個人都可能有一個h1 -h6），但我個人更喜歡只有1個h1，並將所有其他標題視爲服從。

也更好不要你的風格內聯 - 但在hea或外部樣式表。

h1{ 
 
    margin: 15px; 
 
    cursor:pointer; 
 
}

<div layout="row"> 
 
    <h1 ui-sref="home" >Element A</h1> 
 
    <h1 flex="10"></h1> 
 
    <h1 ui-sref="simulator">Element B</h1> 
 
</div>