首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >为什么我的短信在IE7上被切断了?

为什么我的短信在IE7上被切断了?
EN

Stack Overflow用户
提问于 2009-03-31 01:00:20
回答 3查看 23.5K关注 0票数 8

我的网页上的文本在Firefox & Safari中看起来很好,但是在IE7中某些部分被切断了。它看起来像是(但它没有)--它被放置在一个带有overflow: hidden;的较小的元素中。

有人知道怎么补救吗?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2009-03-31 01:01:37

你需要指定线条高度来匹配字体大小.

CSS

代码语言:javascript
复制
h1 {
   font-size: 2em;
   line-height: 2em; /* or 100% */
}

另见IE7 is clipping my text. How do I adjust its attitude?

票数 32
EN

Stack Overflow用户

发布于 2013-05-08 01:27:09

对于IE9,我也遇到了同样的问题,我花了很多时间摆弄“高度”、“线高”和“填充”的属性。我想出的是:

(a)“高度”不影响文本框内发生的情况;

(b)“线高”确实会影响文本的显示,并会使文本在文本框中更高或更低,但数字是重要的。最后,第一个答案似乎是正确的,即将“线高”设置为与字体大小相同的数字;

(c)“填充”也影响文本的显示,因为它在文本框的边界和文本本身之间创造了空间;

(d)“垂直对齐”为文本框内的文本提供一个参考点。

因此,作为一个例子,我将文本显示在我的站点上文本框的中线(没有切断),并使用下面的CSS相对于我的CSS样式表的"input=text“区域与文本框边框有很好的距离:

代码语言:javascript
复制
   line-height: 14px; padding: 6px 2px 6px 2px; vertical-align: middle;

14 2px是我的模板中使用的字体大小( CSS样式表中的其他部分),6px分别是顶部和底部填充,2PX分别是左填充和右填充。垂直对齐属性在文本中放置一个概念中线。显然,您可以更改任何这些数字,以满足您的要求。

顺便说一句,对于新手来说,使用firefox "firebug“插件可以在CSS系统表中找到需要更改的代码。只需突出显示文本框中的问题,并在右边,它将给出CSS样式表的名称,它的位置和代码出现的行号。您甚至可以使用"firebug“执行一个实时测试运行,它将显示更改的效果,但在关闭浏览器时不会保存:)

希望这能有所帮助。

票数 0
EN

Stack Overflow用户

发布于 2009-03-31 05:59:25

尝试更改文本所在的元素的溢出属性。

代码语言:javascript
复制
Overflow: auto;

代码语言:javascript
复制
Overflow: Visible;
票数 -2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/699653

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档