让span具有固定宽度

最新推荐文章于 2019-11-30 14:57:16 发布
最新推荐文章于 2019-11-30 14:57:16 发布 · 295 阅读 · 0
文章标签：

#JSF #BBS #thread #HTML

本文探讨了JSF框架中使用outputText组件作为标签时遇到的问题及解决方案。介绍了如何通过设置样式如display:block和float:left来避免换行，并保持标签的布局效果。

因为jsf 里的outputText会生成一个span, 如果用他来做label就需要设置一个固定宽度，但因为span里内联元素， 一般是加display:block, 但这样就会换行， 显然不是我们想要的。 另一种方法是加float:left， 这样就比较适合。

有篇详细说layout的文章

http://bbs.blueidea.com/thread-2636904-1-1.html

DigiHacker
关注
CSS中将Span标签设置为固定宽度的方法
12-13
一、形如<span>ABC</span>独立行设置SPAN为固定宽度方法如下： span {width:60px; text-align:center; display:block; } 实际验证结果：IE6 OK， FIREFOX 3 OK。 一、形如<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格式行设置SPA
span 的宽度css设置
学习园地
11-29 1933
在默认的情况下，利用css样式对span进行宽度设定是无效，但有时为了某种排版的要求，需要对span进行宽度设定，那么如何在html中利用css样式设定span的宽度？ 思路：这看上去是个很简单的问题，似乎用style中的width属性就可以。 然而通过试验以后发现，无论是在Firefox还是IE中都无效。 在css2的标准中，查阅关于width的定义，我们可以发现，原来css中的width
span设置固定宽度
张连海
12-04 3484
<span> 标签是被用来组合文档中的行内元素。相信对一般的网页设计师来讲是非常熟悉的朋友了，使用相当频繁，但我们往往很少对SPAN设定样式，一般也没什么必要，大多数都留给DIV老朋友了。 在做"善良公社"项目时，用到了SPAN，因为是用来实现放块效果，所以给它定义了固定宽度，本以为胸有成竹的事，可执行网页时发现设定的宽度没有效果，让我郁闷了几分钟，看似很简单的样式定义尽然是无效。后来网上搜索了相关资料，是这么解释的： CSS中的width属性并不总是有效的，如果对象是inlin
设置span固定宽度
xiaopeng__的专栏
09-06 1万+
最近制作网站时发现给span设置宽度会无效，通过查阅CSS2标准中关于width 的定义发现，原来CSS中的 width 属性并不总是有效的，如果对象是 inline 对象，width 属性就会被忽略，Firefox 和 IE 是遵循CSS标准，因而直接设置span宽度会无效。 如何设置span宽度：1.修改 span 为block 类型并设置float，但这不是完美的解决方法 在sp
span无法设置宽度的问题的解决方法
12-02
如果父元素设置了固定或相对的宽度，并且小于`<span>`设定的宽度，那么`<span>`的实际宽度将被父元素约束。因此，确保父元素能够容纳设定宽度的`<span>`也是很重要的。 在实际应用中，可能还需要处理其他与浏览器...
css span 汉字多了竖着显示 并给span设置了宽度 需要文字居中显示
01-21
这段代码创建了一个具有固定大小的 div 容器 `.vertical-center`，内部包含一个带有类名为 `vertical-text` 的 span 标签。该标签内的文本将会根据所给定条件呈现为竖直书写模式下的居中文本效果。
el-form label-width 指定固定宽度，如何在label不赋值的时候任然占固定宽度
最新发布
11-13
但是，根据引用[3]的例子，我们可以通过插槽自定义label，那么我们就可以在插槽内放置一个空元素，并设置该元素具有固定的宽度（与label-width相同）和高度（避免影响布局）。 然而，用户要求的是不显示任何内容...
深入理解DIV和SPAN的区别
12-13
例如，将`div`的`display`属性设置为`inline`或`inline-block`，可以使`div`在一行内显示，而将`span`的`display`属性设置为`block`则可以让`span`占据一整行。 在实际应用中，`span`常用于在同一行内对文字或图片...
【CSS】span标签设置宽度
愿历尽千帆，仍保持最初的热爱，奔赴每一场山海，一如既往鲜活而明亮~
11-30 2442
前言   我们都知道HTML中的span标签是行内标签，行内标签是无法设置高度和宽度的，但是就是需要给span设置宽度，应该怎么处理呢？ display   首先我们先来学习一下display属性。 取值 效果 none 不显示元素 inline 行内效果 block 块级效果 inline-block 同时具有行内和块级效果   最常用的是这几个，先进行总结这4个...
span固定宽度
abl10295的博客
12-13 131
span固定宽度 span { background-color:#ffcc00; display:-moz-inline-box; display:inline-block; width:150px;} ...
对span固定宽度
weixin_33940102的博客
04-05 86
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head>&lt...
html-Span 指定宽度
weixin_30815427的博客
03-08 186
　　html-Span 指定宽度 　　css： span{ display:-moz-inline-box; display:inline-block; width:150px; } 　　链接：如何设置HTML span 的宽度 转载于:https://www.cnblogs.com/ylhssn/p/4321409.html...
span 设置宽度
一只想成为斗战圣佛的小猴子
02-03 4831
给span 设置宽度，结果没有起作用 原因是span 是inline对象，width 会被忽略 解决办法是给span的display 设置为block 或者是inline-block
实现span设置宽度（行内元素本来不支持调宽度高度这些样式）（变成行内块元素：display:inline-block;）...
weixin_33786077的博客
05-11 2325
实现span设置宽度（行内元素本来不支持调宽度高度这些样式）（变成行内块元素：display:inline-block;） 一、总结 1、将span从行内元素变成行内快元素就可以调了： 设置样式的时候加上 display:inline-block; 即可；     二、CSS中如何把Span标签设置为固定宽度 本文总结CSS中SPAN标签的固定宽度设置问题，一般在日志文章标题+日期展示...
CSS中如何把Span标签设置为固定宽度
cfhgcvb的博客
11-11 2171
CSS中如何把Span标签设置为固定宽度
关于span标签的宽度和高度设置
热门推荐
梦想是成为一个弓箭手
03-07 4万+
正常情况下我们设置span标签是无法设置span标签的宽度和高度的。那么怎样才能设置呢。个人感觉意义并不大，如果需要可以使用div。 span是有display:inline-block和float属性的，只要设置了这两个属性，就会认为它是一个块级元素。 下面是例子： 关于span标签的宽度和高度 无浮动和inline-block 有浮动和inline-block 无浮
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值