在單頁角度應用程序中的身體填充

如何在角度ng-app中將模板的身體填充到模板的身體？在單頁角度應用程序中的身體填充

我應該在哪裏放置ng-app渲染模板的CSS？請參閱此琴例如

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

免責聲明：我沒有在任何CSS經驗。

來源

2017-03-22 Rahul

無法理解......正是你想要 – chirag

_「我沒有在任何CSS經驗」是什麼_ - 嗯，這是你需要改變，則事。從基礎知識開始，比如id和class之間的區別，以及CSS中每個作品的選擇方式。 – CBroe

將有兩個範圍的CSS去。一個在應用程序級別，另一個在模板級別。這就是我所理解的。如果你沒有找到我，請查看答案。 – Rahul

創建您的項目使用的默認css文件後（如果是這種情況）您將調用的自定義css文件。對於你的例子：你可以通過聲明它像這樣設置一個ID元素的CSS屬性：

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

來源

2017-03-22 09:31:04 DevMoutarde

只要記住要在一個類上設置css，你需要使用一個點來調用它：。你的類，並設置一個ID你將使用＃你的ID – DevMoutarde

這就是我想要的。 – Rahul

好！如上所示，嘗試學習CSS的基礎知識，其實際上並不難，您將能夠根據需要設計您的模板！如果我的回答很好，請將其標記爲已接受：D – DevMoutarde

將這個CSS代碼上的jsfiddle的CSS部分理解你就可以有針對性部分。

// whole page 
 
body { 
 
    background: red; 
 
} 
 

 
// router links 
 
.container { 
 
    background: green; 
 
} 
 

 
// router view 
 
#ngview { 
 
    background: orange; 
 
}

來源

2017-03-22 09:31:35

好，我們已經有這樣的代碼在你的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文件並將其從索引頁面tho導入。

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

來源

2017-03-22 09:33:04 Nick

在單頁角度應用程序中的身體填充

回答

相關問題