0
這是我的方式來實現一個簡單的日記本日:CSS引導重寫方法
<div class="panel panel-primary">
<div class="panel-heading">June</div>
<div class="panel-body">
25
<br>
<span class="glyphicon glyphicon-time"></span>
</div>
</div>
這裏是CSS代碼:
.panel{
border-color:#EEEEEE !important;
width: 150px;
}
.panel > .panel-heading {
background-color: greenyellow;
color: white;
height: 40px;
text-align: center;
border-color:black !important;
font-size: 20px;
}
.panel> .panel-body{
text-align: center;
font-family: "Comic Sans MS";
font-size: 35px;
}
.glyphicon{
font-size: 20px !important;
text-align: left !important;
}
我想是在左邊對齊glyphicon ,但由於嵌套到面板主體,這種對齊是中心的,所以這是不可能發生的。即使我試過「!重要」。
歡迎任何幫助
它確實!快捷方便。謝謝! – George