span设置高度无效

最新推荐文章于 2024-01-15 10:53:54 发布
最新推荐文章于 2024-01-15 10:53:54 发布
阅读量1.2k 收藏
点赞数 1
分类专栏： 静态网页制作

解析：

span标签在CSS中是用来组合行内元素，如果不对 span 应用样式，那么 span 元素中的文本与其他文本不会任何视觉上的差异，我们可以对span设置id或者class属性对其添加样式

不仅设置高度无效，而且内边距和外边距也无效！

解决办法

若要设置其高度，则须将行内元素转换为块级元素，添加属性：display:block；即可将span转换为块级元素。

原创文章：http://www.blogbus.com/ada-life-logs/231591215.html

lo11ve
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
div中英文无法自动换行的解决办法
12-11
但是，如果输入的是英文字母，那么，无论你div设定宽度为多少，英文字母都是不换行直接在同一行输出，导致div的宽度远远超出设定的大小。 原因：这是因为div中，英文字母之间没有空格的话，它会默认认为这是一个...
span设置宽高无效
一个黑曼巴的博客
08-25 3628
因为span标签是行内元素，所以设置宽高无效，需要添加 display: inline-block; 使span变为块元素。设置宽高生效
解决HTML和XHTML网页制作中无效的span最小高度的方法
TdMaster的博客
10-02 184
通过设置display属性、padding、line-height或使用::before伪元素，您可以确保span元素在内容较少时仍保持所需的最小高度。另一种解决span元素最小高度无效的方法是使用CSS的line-height属性。通过将span元素的line-height属性设置为所需的最小高度值，可以确保即使内容为空，span元素也具有一定的高度。通过设置::before伪元素的content为空，并设置其高度和最小高度，可以影响span元素的布局。/* 设置所需的最小高度 */
为什么在html页面设置<span>的高度和宽度没有效果呢, <i>也是类似的
qq_27361945的博客
05-09 5566
&lt;span&gt;标签属于行内元素（inline），所以无法设置高度和宽度；如果需要改变其宽高，就需要将其转变为块体元素（block）或行内块体元素（inle-block）：span{display:inlie-block;}实例演示：下面给出了两种样式，class1设置span 的宽高，class2改变span为行内块体元素，然后给其中一个span添加class1样式，另一个同时添加cla...
a span 设置height没有用的
飞翔的熊blabla
07-24 612
a span 设置height没有用的
html的span设置高度无效
Nemo的笔记本
04-11 3680
解析：span标签在CSS中是用来组合行内元素，如果不对 span 应用样式，那么 span 元素中的文本与其他文本不会任何视觉上的差异，我们可以对span设置id或者class属性对其添加样式不仅设置高度无效，而且内边距和外边距也无效！组合行内元素：依靠内部元素，有内容则撑起来，没有就不显示。解决办法1.内容设置为 2.须将行内元素转换为块级元素，添加属性：display:block；
解决IE6下，给图片加上line-height属性不起作用的解决方法
09-25
在css设置中，我们一般用行高line-height来设定某一行的高度，这在ie7与firefox等浏览器都适用。但当行中有其他元素时（如图片，SPAN,li..）在IE6.0下line-height会不起效果，后来查了下资料，果然如此，资料如下：
html5清空画布方法（三种）
12-14
1. 最简单的方法：由于canvas每当高度或宽度被重设时，画布内容就会被清空，因此可以用以下方法清空： function clearCanvas<span xss=removed>()</span> { var c=document.getElementById("myCanvas"); var cxt=...
Web前端与移动开发之复合选择器 css元素显示模式 背景属性.txt
07-30
②宽高直接设置是无效的 ③默认宽度就是他本身内容的宽度 ④行内元素只能容纳文本或其他行内元素 ⑤链接（a标签）里面不能再放链接 但可以放块级元素 比如图片 （3）行内块元素 img input td ①一行上可以有多...
span标签不支持设置宽度高度的解决办法；span强制单行显示，超出部分省略号表示或者隐藏，设置显示的最大宽度
最新发布
weixin_46689373的博客
01-15 582
span标签不支持设置宽度高度的解决办法；span强制单行显示，超出部分省略号表示或者隐藏，设置显示的最大宽度
span无法设置宽度和高度
qq_39315434的博客
08-15 3802
转自这里   正常情况下我们设置span标签是无法设置span标签的宽度和高度的。那么怎样才能设置呢。个人感觉意义并不大，如果需要可以使用div。 span是有display:inline-block和float属性的，只要设置了这两个属性，就会认为它是一个块级元素。...
<span>的高度和宽度没有效果
hongweigg的专栏
08-20 2358
问题： 在HTML页面中设置"&lt;span&gt;"元素的样式，发现设置无效，通过查看其CSS属性值，发现总是为“auto”，即使加上“!important”提高其优先级别也无效： &lt;style&gt; .aclass{ background:#0092d8 url(gantt-images/equals.png); } &lt;/style&gt;...
span设置宽度有效无效问题
热门推荐
请叫我
11-22 4万+
缺省情况下span的宽度设定无效 在html中如何设定span的宽度？这看上去是个很简单的问题，似乎用style中的width属性就可以。例如， YPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> xmlns="
html 中的span a标签 设置width和height 无效
BeautifulApple的博客
12-12 2983
span 和 a 标签都为行内元素inline ，设置width 和height 无效 常见的行内元素inline有： span,a,img,b,i,strong 常见的块级元素block有：div、p、h1～h6
为什么我明明设置了 height: XX%，却不起作用？
Sun_blog
10-25 1822
为什么我明明设置了 height: XX%，却不起作用？
为什么不能设置span的宽高
遇到困难，想出办法，解决困难，代码的本质就是对解决问题思路的模拟！代码其根本的标准就是能解决问题的代码就是好代码
11-22 1675
&amp;amp;lt;span.&amp;amp;gt;标签属于行内元素（inline），所以无法设置高度和宽度；如果需要改变其宽高，就需要将其转变为块体元素（block）或行内块体元素（inline-block）： span{display:inline-block;} 实例演示：下面给出了两种样式，class1设置span 的宽高，class2改变span为行内块体元素，然后给其中一个span添加class1样式，另一个同...
span内高度不同的问题
liu_qingyi的博客
02-26 1565
span会因为字体的不同而高度不一致 这是因为span内存在一个建议高度，浏览器会默认取建议行高 解决方法就是设置上span的高度也就是line-hight
jquery .css 设置 span 宽度 无效
05-29
如果您使用 jQuery 的 .css() 方法设置 span 元素的宽度无效，可能是因为 span 元素默认是一个行内元素，而行内元素是不能设置宽度和高度的。如果您想要设置 span 元素的宽度，可以将其样式设置为 display: inline-...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值