底部几个像素的文字被切断

时间:2011-10-13 20:42:56

标签: html css

我真的无法弄清楚在这种情况下发生了什么。在多行文字上,最后几个像素被切断。

9 个答案:

答案 0 :(得分:42)

设置

line-height: normal;

为我工作。

答案 1 :(得分:4)

最快的解决方案是:

将此处的font-size14px更改为13px

#slidertext h3 {
font-size: 13px;
// other styles
}

在Chrome中为我工作。

答案 2 :(得分:3)

更改font-sizefont-family只是一种解决方法。我有同样的问题。它适用于Firefox,但不适用于Chrome。检查输入框的paddingmargin。我的情况是padding。在我的情况下,我将padding:6px更改为padding:0px 6px;

答案 3 :(得分:1)

#slidertext li上设置了overflow: hidden;。您需要调整li的高度,使用内联样式将其设置为height: 32px,关闭溢出或调整其中的字体大小。

答案 4 :(得分:0)

检查sliderwrap的大小,height属性可能与总文本大小冲突,并且由于您的溢出被隐藏,根据您的css属性,这可能是您的问题。

也许这样修理:

#sliderwrap
{
    height:114;
}

答案 5 :(得分:0)

根据特定的浏览器,此类问题通常与字体家族有关。我针对文本被截断的解决方案是将字体系列更改为sans-serif,然后看是否有效果。在我尝试过的任何浏览器上,此功能都能正常工作。

从上面其他线程的陈述来看……有时可能有助于调整行高和填充,但对我而言,这些都不是总体上可行的:

max-width: 100%;
min-height: 1.62em;
padding: 2px 5px 2px 5px;    
vertical-align: initial;

font-family: initial, sans-serif, serif;是一个很好的起点,然后您可以找到一种与主题/网站配合使用的字体。

答案 6 :(得分:0)

此修复程序:

The Phusion Passenger application server tried to start the web application. But the application itself (and not Passenger) encountered an internal error.

Error details:

cannot load such file -- bundler/setup (LoadError)
  /usr/lib/ruby/2.1.0/rubygems/core_ext/kernel_require.rb:55:in `require'
  /usr/lib/ruby/2.1.0/rubygems/core_ext/kernel_require.rb:55:in `require'
  /usr/lib/ruby/vendor_ruby/phusion_passenger/loader_shared_helpers.rb:363:in `activate_gem'
  /usr/lib/ruby/vendor_ruby/phusion_passenger/loader_shared_helpers.rb:221:in `block in run_load_path_setup_code'
  /usr/lib/ruby/vendor_ruby/phusion_passenger/loader_shared_helpers.rb:527:in `running_bundler'
  /usr/lib/ruby/vendor_ruby/phusion_passenger/loader_shared_helpers.rb:220:in `run_load_path_setup_code'
  /usr/share/passenger/helper-scripts/rack-preloader.rb:91:in `preload_app'
  /usr/share/passenger/helper-scripts/rack-preloader.rb:189:in `block in <module:App>'
  /usr/lib/ruby/vendor_ruby/phusion_passenger/loader_shared_helpers.rb:380:in `run_block_and_record_step_progress'
  /usr/share/passenger/helper-scripts/rack-preloader.rb:188:in `<module:App>'
  /usr/share/passenger/helper-scripts/rack-preloader.rb:30:in `<module:PhusionPassenger>'
  /usr/share/passenger/helper-scripts/rack-preloader.rb:29:in `<main>'

答案 7 :(得分:0)

对我来说是font-kerning。它的默认值是 auto,这意味着它使用存储在字体中的字距调整信息。我将其更改为正常并解决了问题。

input {
  font-kerning: normal;
}

答案 8 :(得分:0)

<块引用> <块引用>

大多数情况下,如果字体从底部被切断,则表示我们正在使用,如果这有帮助,请在下面尝试overflow:hidden;

要解决此问题,请使用,

overflow-x:hidden;
line-height: according to your style-guide (1/1.5//normal);

// 你可以根据你的风格指南增加和减少线条)

.