2014-03-13 53 views
0

我想學習一些CSS,我目前正在努力解決以下問題:在following code中,如果您嘗試編輯跨度內的文本,則光標(大閃爍行)太龐大了。在contenteditable元素中減小光標的大小

有沒有辦法讓文本大小相同,而其他東西看起來都是一樣的(我認爲我的CSS不太好,所以可以改變)。

.thumbnail-descr{ 
    min-height: 10px; 
    display: table-cell; 
    vertical-align: middle; 
    font-size: 26pt; 
    color: #bbb; 
    outline:none; 
} 

P.S.問題在於我的line-height.square的內部,但刪除它會將我的文本從中心刪除。

+0

我認爲問題在於如何顯示文本內的元素。當你選擇這個文本時,它看起來像在它上面選擇的大量文本。 –

回答

2

問題是你的海量line-height。我意識到你這樣做是爲了垂直居中文本,但是你將不得不尋找另一種方式。由於您使用的是設置高度,因此您可以使用topmargin-top將文本向下推至中途。

http://jsfiddle.net/M4fKM/4/

如果你想護住文本會在多行的情況下,你可以使用translateY(-50%)變換。

http://jsfiddle.net/M4fKM/5/