2012-07-30 74 views
0

我一直在做一个按钮的种类。不能移动按钮内的文本

但是,我陷入了一个麻烦点。 。

当使它更小它推文开箱,我似乎无法把它放回

这里有一个链接:http://jsfiddle.net/MichaelT/ByxRh/1/

任何帮助,将不胜感激。

谢谢!

+0

你需要多大?你想要固定还是改变内容大小? – Onheiron 2012-07-30 15:46:39

+2

'p.speech'上的行高导致垂直间距。 – j08691 2012-07-30 15:48:48

+0

,你应该添加一个位置:relative; z-index:1;在跨度,这样的文字将不会被隐藏 – Onheiron 2012-07-30 15:51:39

回答

2

它看起来像行高被设置为p的高度的两倍。

p.speech { 
    height:50px; 
    line-height:100px; 
} 

如果你简单地设置p的行高度正是你想要的p出现,并没有给它任何显式高度的高度,它应该罚款:http://jsfiddle.net/ByxRh/16/

p.speech { 
    line-height:50px; 
} 
+0

这个伎俩!谢谢 – Michael 2012-07-30 15:58:22

1

jsfiddle

这里是你的代码的更新版本。只要尝试搞清楚高度,字体大小等,直到你得到它想要的。

+0

这也有诀窍!谢谢。 – Michael 2012-07-30 15:58:38