如何在两个角度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是你的朋友。只需应用边距或填充来填充你的html元素，例如h1＆＃39; s。这就是CSS的用途 - 最好是应用样式而不是依赖像html这样的html元素来区分事物。

h1 {margin: 15px;}

另外 - 你应该没有多个h1 - 在语义上每个语义部分只应该有一个h1（过去常常说每页只有1 h1 - 但随着自包含的出现HTML5元素就像部分一样 - 每个都可能有一个h1 -h6）虽然我个人更喜欢只有1个h1并且将所有其他标题视为服从它。

最好不要让你的样式内联 - 但是在hea或外部样式表中。

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;