问题标签 [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.
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:
ckeditor - 如何在CKEditor中缩进段落的第一行
我正在使用CKEditor,我只想缩进段落的第一行。我之前所做的是单击“Source”并编辑<p>
要包含的样式text-indent:12.7mm;
,但是当我再次单击“Source”以返回普通编辑器时,我的更改消失了,我不知道为什么。
我的偏好是创建一个自定义工具栏按钮,但我不确定如何这样做或在哪里编辑,以便单击自定义按钮将<p>
使用我希望它具有的样式属性进行编辑。
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)或任何其他愚蠢的东西引起的问题......
谢谢大家。
javascript - 在 a 之后缩进文本
我有一个网页呈现流畅的文本,换行符 ( br
) 穿插在span
标签内。我希望每个span
跟在 a后面的br
都有一个缩进。可以用纯 CSS 做到这一点吗?我宁愿在不操纵文本本身的情况下这样做。(这是可能的,但很乱)请注意br
标签在标签内span
。
这是一些示例代码,以及我在纯 CSS 中的尝试。
更新:这在纯 CSS 中可能是不可能的。我的项目使用 jQuery,因此使用 jQuery 的解决方案是可以接受的。
更新 2:text-indent
在 CSS 中仅支持块元素。在 span 标签上使用display: block
将使缩进起作用,但是需要在 span 标签之间合并内容以防止任何不需要的块元素换行符。另一种方法是插入一些
而不是设置 CSS 类。
css - 有什么方法可以设置和等效于 CSS“text-indent”属性但基于字体?
出于某种让我无法理解的原因,“文本缩进”的值是像素数。但是不同的字体需要不同级别的缩进。我想避免每次更改字体时都必须记住设置正确的缩进,如果
意思是“在当前字体中添加与此文本等效的像素。” 然后文本缩进在每种字体中都是相同的。CSS中有什么东西可以达到这种效果吗?
html - 使用文本缩进——它是好的语义吗?
这是一个非常简单的问题:
简介:我在很多网站上看到使用大量图像使用属性 text indent 来隐藏图像上的文本,通常使用 text-indent 隐藏文本。所以我猜图像上可见的文本是供最终用户查看的,而使用 text-indent 隐藏的相同文本是供搜索引擎抓取的:
这是我所说的一个例子:
HTML 代码:
现在这是一种过时的做法吗?这仍然有效吗?实际上它被认为是语义的吗?
虽然这是一个相对简单的问题,但我问它的重要性,因为我希望我的身边有语义 HTML。
谢谢你。
特纳利。
html - 从第 2 段开始的文本缩进
我有来自 DB ($row[text]) 的文本,它看起来像:
我想从第二段开始应用“文本缩进”。我知道,它可以与以下类一起应用:
但我不能这样做,因为我不能编辑数据库。当我使用 p{text-indent: 20px} 它适用于所有段落
css - Chrome 在段落中添加了前导空格
我在 OS X 上使用 Chrome 41。一个活生生的例子将更容易地说明我的问题: http: //mathieumarques.herokuapp.com/。
如果您向下滚动到“体验”部分,您可以在每个段落前面看到一个前导空格,即使我强制使用text-indent: 0;
. text-indent
但是,我可以为该属性添加一个负值。
我在 Firefox 上没有这个问题。
html - 如何在 CSS 中使用自定义图标自定义的复选框的标签中添加悬挂缩进?
我正在尝试使用 font-awesome 自定义复选框的外观,并正确缩进标签的所有文本。我已经自定义了复选框的外观,这使得缩进文本的常用方法不起作用,因为我隐藏了实际的复选框(请参阅下面的 CSS)。
目前,我获得以下(左),而我想要右边的:
我使用了以下代码(参见JSFiddle):
CSS
受这个简单的 CSS checkboxes的启发,我使用以下内容来格式化我的复选框,并使用 font-awesome:
HTML
我试图修改and选择器的margin-left
andtext-indent
属性,但没有任何成功。label
label:before
知道如何在使用漂亮的字体真棒图标时获得正确的缩进吗?
非常感谢您的帮助!