CSS中的text-align不起作用

在table表格中各个行、单元格都设置了标签内的style属性值居中 <td style="text-align:center">保费</td>
设置不起作用，页面中单元格的内容还是居左显示，页面F12查看，居中属性上有划线（删除线），显示这个属性设置不起作用。

为啥会不起作用呢？

这里涉及到属性优先级问题，因为在该html文件中用 link标签引入了style.css层叠样式表文件，而样式表中设置表格的文字是居左显示且
关键地方来了
用了 !important 表示这个属性是优先级最高的，如图

所以在

<td style="text-align:center">保费</td>

中设置的文字居中不起作用了。

怎么修改呢？

1、可以在<td style="text-align:center">保费</td> 中将text-align属性改为text-align-last属性，<td style="text-align-last:center">保费</td>
2、将style.css文件中的!important去掉，这种方法所有用到这个样式文件的表格文字居中在左就不是优先级最高的了。

CSS中的text-align不起作用相关推荐

HTML/CSS中文本text属性详解
我们可以通过添加一些HTML标记和CSS属性来设置text文本的样式. HTML中的标记包括结构化标记和语义化标记两种,结构化标记简单来说是用来标记标题和段落的,而语义化标记则是不会影响到网页的结构. ...
CSS中伪元素、伪类选择器和字体、文本相关属性
CSS中伪元素.伪类选择器伪元素选择器伪元素选择器只能针对CSS中已有的伪元素起作用. CSS提供的伪元素选择器有如下几个: :first-letter:对指定对象的第一个字符起作用. :firs ...
CSS 中实现文本超出部分省略的效果
CSS 中使用 text overflow: 可以设置文字超出部分的显示效果,其中属性值 ellipsis 可将超出部分的文字显示为省略号. 在 Flex 布局下为弹性盒子设置文字省略效果时需注意以下 ...
在html中设置margin属性,css中margin的4个属性
CSS中:margin:auto与margin: 0 auto;有什么区别 CSS中:margin:auto与margin: 0 auto;有什么区别.有的网站中写的是前者意思不同.margin:au ...
html text align属性,CSS中的text-align属性怎么用
CSS的text-align属性可用于设置文本的位置,接下来的这篇文章将给大家介绍关于CSS中的text-align属性的用法,下面我们来看具体的内容. 我们先来看一段简单的代码在此处显示文字效果 ...
CSS中加号、星号及其他符号的作用
转自:http://blog.sina.com.cn/s/blog_6790717801011dx8.html 首先,什么是CSS hack? 针对不同的浏览器写不同的CSS code的过程,就叫CS ...
CSS中!important的用法及作用
定义及语法 !important,作用是提高指定样式规则的应用优先权(优先级).语法格式{ cssRule !important },即写在定义的最后面,例如:box{color:red !impor ...
css text top,text-align属性(css中文本对齐属性)
text-align属性设置h1.h2.h3元素的文本对齐方法: h1{text-align:center} h2{text-align:left} h3{text-align:right} 亲自试 ...
[css] CSS中的calc()有什么作用？
[css] CSS中的calc()有什么作用? 用来计算长宽的属性,非常好用,百分比,px,vh/vm都可参与计算, 不过正如上面的大兄弟说的,运算符的左右要有空格,要不然不生效个人简介我是歌谣, ...
css中margin:0 auto没作用
很多初学制作网页的朋友,可能会遇到的一个常见问题,就是在CSS中加了margin:0 auto;却没有效果,不能居中的问题!margin:0 auto;的意思就是:上下边界为0,左右根据宽度自适应!其 ...

CSS中的text-align不起作用

怎么修改呢？

CSS中的text-align不起作用相关推荐

最新文章

热门文章