Text-indent

巧用:empty解决webkit核心浏览器text-indent的bug

昨天在项目中遇到要在一个输入框中使用缩进的情况,要用text-indent首行缩进2个文字。然后发现在webkit下,在输入框内容为空的时候,光标位置没有缩进,还是在行首,输入任意字符后,缩进才被激活。 HTML代码如下: <input type="text"style="text-indent:2em" /> 这里无论是input元素还是te...

text-indent无效解决方案

text-indent是用来字符缩进的。 1.text-indent所在的元素是行内元素而非块级元素。比如用在span,a等行内元素上。解决方案:在行内元素加上display:block; 或者把目标元素放入<div>等块级元素,然后把text-indent样式应用到<div>等块级元素。 2.text-indent所在的元素未使用...

css如何设置首行文字缩进?

在HTML网页中通常一段文字都需要设置首行缩进两个文字,使页面更加美观,我们可以通过css实现这一效果,下面我们就来看一下使用css设置首行文字缩进的方法。 css可以使用text-indent属性来设置首行文字缩进,我们可以通过设置text-indent属性的属性值来设置缩进的大小。 示例: 设置首行文字缩进两字符: <html> <h...