如何在两个角度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>