span的样式怎样在css内控制?

<div class="txt_body"> <span class="au">收入核算科 顾丽娜</span></div>

css:.au{font-size:12px;text_align:center;}为什么没有效果呢???

css内控制说的是在外联的css文件中控制,这样方法的主要问题在于如何选中当前span,也就是平时所说的属性选择器。如果本身页面中存在很多的span那需要单独给想要添加样式的span添加一个class或者id(注:id具有唯一性),然后通过class或者id进行控制。代码如下:

HTML:

<span class="aa">aa</span>
<span id="bb">bb</span>
<span>cc</span>

CSS:

.aa{ color:red;}  /*aa显示为红色*/
#bb{ color:blue;}  /*bb显示为蓝色*/
温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2017-11-25
首先span默认为行内元素,是无法设置宽高的,宽高只会根据span里面的内容大小来决定

如果要设置span的宽高,要用display:block;把span定义为块级元素,定义之后设置宽高才能生效。

其次,你span没宽高,你用文字居中是看不出效果的

然后text-align:center;你中间写的下划线,css到目前为止,属性里面还没有下划线这种语法本回答被提问者采纳
第2个回答  2013-04-22
1. text-align不是text_align
2. span是行内元素,所以没有text-align:center;的效果,应该为其父元素设置该属性,如div.txt_body {text-align: center;}
3. font-size:12px,如果你的页面默认设置就是这个大小那么当然看不出不同了。你试试font-size: 64px,应该有效果的。如果一个样式的值和默认值相同,我建议不要重复声明,否则会带来麻烦。

4. 样式定义要在元素之前
第3个回答  2015-06-03
添加一个display:inline;或display:block;属性即可。

span的样式怎样在css内控制?
css内控制说的是在外联的css文件中控制,这样方法的主要问题在于如何选中当前span,也就是平时所说的属性选择器。如果本身页面中存在很多的span那需要单独给想要添加样式的span添加一个class或者id(注:id具有唯一性),然后通过class或者id进行控制。代码如下:HTML:<span class="aa">aa<\/span><span ...

span标签里如何设置自动换行
因为标题过长,后面的被忽略隐藏了。现在我想让标题显示完整并自动换行,价格在标题下面显示。我们在后台产品区块的CSS框里直接通过CSS代码控制样式:blockID p.card-heading span{ width: 100% !important; float: left !important; overflow: hidden !important; text-overflow: ellipsis !important; whi...

css 如何控制span 强制换行
}<\/style><\/head><body><span>景安<\/span><span>景安网路<\/span><span>景安网路<\/span><\/body><\/> 使用display:block; 将span转成块级元素即可 火狐浏览器下,CSS如何控制强制换行 比如,指定宽度为200px换行程式码:overflow: visible;width:200px;word-wrap:break-word;white-space:-moz-p...

css 控制 span位置居中
span{display:block;widht:宽度值自己定; text-align:center;} 这里是控制水平居中。还可以 span{display:block;padding:值 } 这里值 设置为相同的 就可以 如:padding: 0 10px; 水平居中 左右间距为10px 或者 padding:10px 0 ; 上下垂直居中, 上下间距:10px;亦或者: padding :10px ...

各种span设置
1、在编写HTML代码时,我们可以使用CSS中的border和background属性来设置边框和背景色。为了实现这一目的,我们需要在HTML文件中创建一个div和span标签,并在head标签中添加style标签。2、在style标签中,我们可以为div和span标签设置宽度和高度,并为它们分别设置不同的颜色。最后,我们可以使用border属性来...

css怎么设置不同的span属性?
你这个问题涉及到CSS选择器,你现在设置的是元素选择器:span,你要每个span不同的话,按照你现在的代码,最简单的就是用 ID 选择器就行了,其中,你的 span 的 id 命名必须使用英文字母开头,不能用数字开头,可以换成 id="d1" 这样 , d1 ,d2 ,d3 ,另外,一个网页中,id 具有唯一性,...

在Css中如何设置span的背景颜色和背景图片
<span style="background-color:#FF0000">背景颜色<\/span> 这个是用来设置背景颜色的,展现效果如下:可以另外设置这个宽度大小,留一些空余的地方会更好看 <span>标签是不能设置背景图片的,这个是用来设置文字的样式的。可以在span标签之前添加一个<div><\/div> 代码和效果如下:...

如何设置span和div的边框和背景色
1、设置边框和背景色需要使用css的border和background属性。具体的用法是,首先打开html编辑器,在空白的html文件中,新建一个div和span标签,并在上方head里设置style标签:2、接着在style标签中设置span和div的标签,首先给它们宽度和高度,接着给他们设置不同颜色,最后设置边框border,border属性的3个值...

CSS里面可以给span加浮动吗?
任何标签都可以浮动,span是一个行内元素,行内元素浮动了就变成块级元素了,可以设置宽高等等了。虽然变成块级元素,可是和普通块级元素有一点点不一样,普通块级元素的宽度是自动撑满父元素的宽度的,浮动的块级元素如果不设置宽度,它的默认宽度就是它里面包含内容的宽度。

CSS中如何把Span标签设置为固定宽度
回答:一、形如<span>ABC<\/span>DEF格式行设置SPAN为固定宽度的方法如下:span {width:60px; text-align:center; display:block; float:left;}实际验证结果:IE6 OK, FIREFOX 3 OK。二、形如ABC<span>DEF<\/span>GH格式行设置SPAN为固定宽度的方法如下:span {width:60px; text-align:center;...

相似回答