Question

如何在角度ng-app中为模板体提供填充？

我应该把css用于ng-app渲染的模板？请看这个小提琴例如

div.ngview {
    padding: 25px 50px 75px 100px;
}

免责声明：我没有任何CSS经验。

Answer 1

创建在项目使用的默认css文件之后调用的自定义css文件（如果是这种情况）。对于您的示例：您可以通过如下声明来设置id元素的css属性：

#ngview {
    padding: 25px 50px 75px 100px;
}

Answer 2

将此css代码放在jsfiddle的css部分，以了解您可以定位的部分。

// whole page
body {
  background: red;
}

// router links
.container {
  background: green;  
}

// router view
#ngview {
  background: orange;
}

Answer 3

嗯，你已经在你的html中使用了这段代码：

 <style>
    .container {
      text-align: center;
      padding:50px;
    }
.dropdownmenu ul,
.dropdownmenu li {
  margin: 0;
  padding: 0;
}

.dropdownmenu ul {
  background: none;
  list-style: none;
}

.dropdownmenu li {
  display: inline-block;
  position: relative;
  width: auto;
}

.dropdownmenu a {
  background: #30A6E6;
  color: #FFFFFF;
  display: block;
  font: bold 12px/20px sans-serif;
  padding: 5px 15px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

.dropdownmenu li:hover a {
  background: #000000;
}

只需在yout .container类中添加填充即可。

我强烈建议您创建一个单独的syle.css文件并从索引页面导入它。

https://jsfiddle.net/aghsqnpa/1/

单页角应用中的身体填充

3 个答案: