【问题标题】:Increase font-size with CSS creates unwanted indent使用 CSS 增加字体大小会创建不需要的缩进
【发布时间】:2014-02-04 06:21:03
【问题描述】:

这个让我难过。

我有纯文本,由 Ajax 生成。然后使用 CSS,特别是我想增加字体大小的唯一标记类。

这是我的 CSS 中的一行

#text_li{font-weight:bold;font-size:large;}

结果是大文本,但随后会缩进文本。使用firebug,添加和删除这个参数,既减小了字体大小,又删除了缩进。

如何在不添加缩进的情况下增加文本大小?

编辑:我已经尝试过 em 和像素,也在 Chrome 和 Firefox 上进行了测试。

Edit2:这是专门用于 Wordpress 小部件的 CSS。当我使用 jsfiddle 时,我无法复制问题。所以我正在调查我的主题 CSS 是否会受到干扰。

Edit3:当我在标记中包含我的 Wordpress 主题 CSS 时,我复制了这个问题。所以我假设我正在使用的两个 CSS 文件存在冲突。 Here 是 jsfiddle。

【问题讨论】:

  • 这里还有其他问题jsfiddle.net/rVHjv
  • 我只是想说你也做错了:)...你确定那里没有空格吗?一些对齐问题、特定字体等?
  • 你能提供一个小提琴吗?
  • 您希望如何在 CSS 中设置纯文本样式?或者用一个类用纯文本标记事物?很有可能您实际上涉及到一些 HTML 或 XML,因此请显示 HTML,最好与实际演示问题的 jsfiddle 一起显示。
  • 查看我的编辑 2. 我的 Wordpress 主题是否有可能向这个插件传递一些其他 CSS?

标签: css text-size


【解决方案1】:

添加此类

.samsonginfo_widget_info
{
   margin-left:0;
}

FIDDLE

【讨论】:

  • 谢谢:) 那行得通。关于最佳实践,我应该怎么做才能避免这样的 CSS 冲突?
  • 在 chrome 中使用检查元素并查看导致问题的原因(这就是我所做的)
【解决方案2】:

把边距和内边距加为零怎么样?

#text_li{
    font-weight:bold;
    font-size:large;
    margin:0;
    padding:0;
}

如果这不起作用,请发布一个 jsfiddle。

【讨论】:

  • margin 和 padding 与此无关
  • 也许 cmets 更适合在黑暗中拍摄?
  • 添加 padding:0 没有任何作用。但是margin:0; 具有相反的效果,并且证明文本太靠左,比略微缩进列表中的其余项目更近。我会尝试在 jsfiddle 中复制。
【解决方案3】:

你可以只玩元素的文本缩进:

text-indent: -0.05em;

我尝试了这个值并且对我很好。

【讨论】:

    猜你喜欢
    • 2014-08-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-03-11
    相关资源
    最近更新 更多