2017-05-06 32 views
0

只是一個普通的HTML和正文。典型的div,比如66.66%和33.33寬度和浮動:左設置。這兩個五個將並排排列,但字體輸出大小不同。超過100%寬度的五個字體輸出大小也不同。如何使字體大小輸出在不同的div中相同?

如何使所有的字體大小在不同的Div使用唯一的CSS相同?

我試圖EM或CH大衆原來凌亂

HTML代碼

<Body> 
<div > 
<Div class="col23"> anything looong</div > 
<Div class="col13" > something a bit</div > 
<div > 
</body> 

樣式

.col23 { 
width: 66.66%; 
} 
.col13 { 
width: 33.33%; 
} 
+0

代碼在哪裏? –

+0

他們怎麼會有所不同? –

+0

你可以分配相同的CSS類到兩個div – scaisEdge

回答

1

指定的樣式上所有的課:

既然你有沒有代碼顯示...這裏是一個例子:

<div class="left"> 
    Left 
</div> 

<div class="right"> 
    Right 
</div> 

<div class="clearfix"></div> 

<div class="left"> 
    Left 
</div> 

<div class="right"> 
    Right 
</div> 

<div class="clearfix"></div> 

CSS:

.left, .right { 
    float: left; 
    color: #fff; 
    height: 10em; 
    font-size: 1.5em; 
} 
.left { 
    width: 66.66%; 
    background-color: #000; 
} 

.right { 
    width: 33.33%; 
    background-color: red; 
} 

.clearfix { 
    clear: both; 
} 

演示:https://jsfiddle.net/vnsv26j6/1/

1

你可以包括在body標籤的CSS內聯。這將使整個頁面的字體相同。如果你想在特定的div中改變字體,只要爲你想改變的div添加一個內聯就可以改變它。

<body style="font-size:20px;"> 
1

使用字體大小爲使用標記樣式的完整文檔。 body {font-size:14px}

相關問題