问题标签 [text-indent]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
15926 浏览

css - CSS text-indent - remove text but not content added using :after

I am using a slider that I can't modify the navigation text (next / previous) but I would like to replace the text with an arrow

I have added the arrows with the following css:

If I add the following CSS the arrow and text disappears

I want to keep the arrow but remove the text, is this possible?

THe HTML structure for the navigation is:

0 投票
2 回答
2792 浏览

ckeditor - 如何在CKEditor中缩进段落的第一行

我正在使用CKEditor,我只想缩进段落的第一行。我之前所做的是单击“Source”并编辑<p>要包含的样式text-indent:12.7mm;,但是当我再次单击“Source”以返回普通编辑器时,我的更改消失了,我不知道为什么。

我的偏好是创建一个自定义工具栏按钮,但我不确定如何这样做或在哪里编辑,以便单击自定义按钮将<p>使用我希望它具有的样式属性进行编辑。

0 投票
1 回答
1695 浏览

html - CSS:文本缩进和文本对齐被忽略

我想这个问题的答案可能很简单,但我自己无法弄清楚。

我有以下 HTML:

和下面的CSS一起去:

JS 小提琴再现

如您所见,我尝试将文本居中并将带有章节类的段落以及版权声明中的文本的缩进设置为 0。但它不起作用。如果我将样式直接应用于 HTML 文件中的段落,例如:

JS 小提琴再现

它会工作的。但是,一旦我尝试通过 CSS text-align 和 text-indent 设置这些段落的样式,就会被忽略。

知道我做错了什么吗?谢谢你的帮助!

0 投票
2 回答
485 浏览

css - CSS 不会在 Chrome 上更新

我正在尝试在我实际开发的网页中制作一个菜单,并且我注意到菜单 ul 的 css 在我更改代码时不会更新。它不会在 Chrome 37.0.2062.124 中更新,但在我清除缓存时会在 Firefox 32.0.1 中更新(当然,我也在 Chrome 上尝试过 Ctrl+F5)。也许有趣的是,IE 11.0.10 与 Chrome 有同样的问题。

此时,我想将文本缩进从 2.75 减少到 0.75,以适应文本。这是 jsfiddle(它似乎在更新更改): jsfiddle

问题似乎在

所以我不知道这是否可能是由 Chrome、Apache(我使用 XAMPP 3.2.1 for W7)或任何其他愚蠢的东西引起的问题......

谢谢大家。

0 投票
2 回答
1329 浏览

javascript - 在 a 之后缩进文本

我有一个网页呈现流畅的文本,换行符 ( br) 穿插在span标签内。我希望每个span跟在 a后面的br都有一个缩进。可以用纯 CSS 做到这一点吗?我宁愿在不操纵文本本身的情况下这样做。(这是可能的,但很乱)请注意br标签在标签span

这是一些示例代码,以及我在纯 CSS 中的尝试。

更新:这在纯 CSS 中可能是不可能的。我的项目使用 jQuery,因此使用 jQuery 的解决方案是可以接受的。

更新 2text-indent在 CSS 中仅支持块元素。在 span 标签上使用display: block将使缩进起作用,但是需要在 span 标签之间合并内容以防止任何不需要的块元素换行符。另一种方法是插入一些&nbsp;而不是设置 CSS 类。

0 投票
1 回答
272 浏览

css - 有什么方法可以设置和等效于 CSS“text-indent”属性但基于字体?

出于某种让我无法理解的原因,“文本缩进”的值是像素数。但是不同的字体需要不同级别的缩进。我想避免每次更改字体时都必须记住设置正确的缩进,如果

意思是“在当前字体中添加与此文本等效的像素。” 然后文本缩进在每种字体中都是相同的。CSS中有什么东西可以达到这种效果吗?

0 投票
3 回答
526 浏览

html - 使用文本缩进——它是好的语义吗?

这是一个非常简单的问题:

简介:我在很多网站上看到使用大量图像使用属性 text indent 来隐藏图像上的文本,通常使用 text-indent 隐藏文本。所以我猜图像上可见的文本是供最终用户查看的,而使用 text-indent 隐藏的相同文本是供搜索引擎抓取的:

这是我所说的一个例子:

HTML 代码:

现在这是一种过时的做法吗?这仍然有效吗?实际上它被认为是语义的吗?

jsfiddle

虽然这是一个相对简单的问题,但我问它的重要性,因为我希望我的身边有语义 HTML。

谢谢你。

特纳利。

0 投票
3 回答
662 浏览

html - 从第 2 段开始的文本缩进

我有来自 DB ($row[text]) 的文本,它看起来像:

我想从第二段开始应用“文本缩进”。我知道,它可以与以下类一起应用:

但我不能这样做,因为我不能编辑数据库。当我使用 p{text-indent: 20px} 它适用于所有段落

0 投票
1 回答
141 浏览

css - Chrome 在段落中添加了前导空格

我在 OS X 上使用 Chrome 41。一个活生生的例子将更容易地说明我的问题: http: //mathieumarques.herokuapp.com/

如果您向下滚动到“体验”部分,您可以在每个段落前面看到一个前导空格,即使我强制使用text-indent: 0;. text-indent但是,我可以为该属性添加一个负值。

我在 Firefox 上没有这个问题。

0 投票
3 回答
10504 浏览

html - 如何在 CSS 中使用自定义图标自定义的复选框的标签中添加悬挂缩进?

我正在尝试使用 font-awesome 自定义复选框的外观,并正确缩进标签的所有文本。我已经自定义了复选框的外观,这使得缩进文本的常用方法不起作用,因为我隐藏了实际的复选框(请参阅下面的 CSS)。

目前,我获得以下(左),而我想要右边的:

目前看来 所需视图

我使用了以下代码(参见JSFiddle):

CSS

受这个简单的 CSS checkboxes的启发,我使用以下内容来格式化我的复选框,并使用 font-awesome:

HTML

我试图修改and选择器的margin-leftandtext-indent属性,但没有任何成功。labellabel:before

知道如何在使用漂亮的字体真棒图标时获得正确的缩进吗?

非常感谢您的帮助!