css设置span标签里text-indent不起作用?

css设置span标签里text-indent不起作用?

span标签的text-indent不起作用是因为text-indent只能给块级元素设置,而span标签是行内元素。解决方法是设置span标签的css样式为display:inline-block即可。

问题:(推荐学习:CSS视频教程

<span class="ts">俄罗斯方块真好玩~</span>

.ts{
    text-indent: 20px;
    background: #eee;
}

Snipaste_2020-01-06_16-36-51.jpg

解决方法:

<span class="ts">俄罗斯方块真好玩~</span>

.ts{
    display: inline-block;
    text-indent: 20px;
    background: #eee;
}

Snipaste_2020-01-06_16-37-43.jpg

Image placeholder
前端答疑
未设置
  13人点赞

没有讨论,发表一下自己的看法吧

推荐文章
css设置input不可编辑

css设置input不可编辑给input加上css样式pointer-events:none;即可input{ pointer-events:none; }使用pointer-events来阻止元素成

link标签引入css不起作用怎么办?

link标签引入css不起作用怎么办?1、使用link标签引用CSS:2、link无效的问题:●原因多数是css路径写的不正确。路径分为相对路径和绝对路径。如果是相对路径要仔细检查路径是否和文件相对应

css after不起作用?

cssafter不起作用?cssafter伪类元素不起作用是因为添加的元素默认是inline元素,需要设置content属性,否则伪类元素就不起作用了。(相关课程推荐:css视频教程)伪元素:afte

引入css文件不起作用?

引入css文件不起作用?按F12查看开发者工具中显示,有common.css,但是页面上的样式却没有改变,代码如下: Vue介绍 ... 解决方法:加了rel属性后就好了,rel是关联的意

css text不换行怎么办

csstext不换行怎么办css强制换行需要设置word-wrap属性和word-break属性,具体设置如下:div{ word-wrap:break-word; word-break:break-

css行内样式不起作用怎么解决

css行内样式不起作用css行内样式不起作用的原因有两个:●语法错误●样式被覆盖1、语法错误的解决方法行内样式的正确书写格式如下测试文字css写在标签的style属性上,每条样式使用分号隔开。2、样式

dw如何使用css设置字体

dw如何使用css设置字体设置页面中的字体可以使用“页面属性”对话框,页面属性可以设置网页的字体、背景颜色和背景图像等样式。具体操作方法如下:1、选择“文件”>“页面属性”,或单击文本的属性检查器中的

css设置div滚动条内容不超过就不显示

css设置div滚动条内容不超过就不显示实现内容不超出就不显示滚动条的效果,可以设置div的css样式为overflow:auto,当overflow取值为auto时,如果内容被修剪,则浏览器会显示滚

css设置边框可以用哪个属性?

css设置边框可以用border简写属性,它可以在一个声明设置所有的边框属性,按照border-width、border-style、border-color顺序设置;也可以单独使用这几个属性来设置边

css设置radio不显示小圈

css设置radio不显示小圈选中变红默认情况下,input的type为radio时会显示小圆圈,去除的方法很简单,只需要设置input{-webkit-appearance:none;}即可。设置了

HTML文本标签与格式标签笔记

用画图工具量出坐标,通过左上角的点和右下角的点相连

你不知道的 CSS : Next-generation web styling

最近看了ChromeDevSummit2019大会视频,了解到了很多之前不知道的CSS新特性,挺有意思的。下面我就介绍几个激动人心的特性。特性总览:StickyStickeyStackSticySli

【CSS全解01】CSS基础-体系化学CSS

大纲 基础部分学习占比:HTML1%`CSS19%Javascript80%`(`基础部分?%框架?%`项目?%) CSS历史 AcidTestforbrowser CSS是艺术(非逻辑,用测试经验来

app.vue有什么作用?

app.vue可以当做是网站首页,也可以写所有页面中共同需要的动画或者样式,不在他上面写代码也可以。只要你在router文件夹中的index.js填写好路由就ok对应index.html,你也可以改,

Hexo next主题博客搭建及美化

转载及引用 hexo主题配置一   hexo主题配置二   hexo主题配置三   hexo主题配置四   hexo主题配置五   Hexo博客提交百度和Google收录   hexo个人博客收录谷歌

css如何清除a标签的block属性

css如何清除a标签的block属性a标签默认是inline行内元素,不支持设置宽高等属性。为了让a标签支持宽高属性,我们可以设置a{display:block}将它变成块级元素同样的,清除a标签的b

深度解密 Go 语言之 context

Go语言的context包短小精悍,非常适合新手学习。不论是它的源码还是实际使用,都值得投入时间去学习。 这篇文章依然想尝试全面、深入地去研究。文章相比往期而言,整体不长,希望你看完可以有所收获! 什

jq css()设置不了display?

jqcss()设置不了display?原因:●css选择器写错●元素具有优先级更高的!important样式(相关课程推荐:jQuery教程)解决方法:1正确填写选择器2将元素优先级更高的!impor

JSP如何自定义标签

JSP如何自定义标签自定义标签步骤:先定义标签处理类(如继承SimpleTagSupport类),再编写TLD文件(标签库描述库文件)。定义标签类可以编写一个实现SimpleTag接口的类,publi

谷歌云重磅推出混合云平台Anthos,兼容竞争对手云服务 | Google Cloud Next’19

大数据文摘出品作者:蒋宝尚、周素云当地时间4月9日,谷歌云年度盛会GoogleCloud Next’19在旧金山的Moscone召开。在会上,谷歌云的新任CEO,曾经的甲骨文二号人物ThomasKur

css定位(position)属性怎么用?

position属性规定元素的定位类型。说明position属性定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于

jq css怎么用?

jqcss怎么用?jquery中,css()方法用来返回或设置匹配的元素的一个或多个样式属性。语法:$(selector).css(name) $(selector).css(name,value)

css文件怎么用?

css文件怎么用?css文件使用有两种方式,一种是通过link标签引入,一个是使用@import进行导入。1、通过link使用css文件将下面代码放在head标签中(相关课程推荐:css视频教程)2、