span如何设置宽度，HTML的中如何设置的宽度

专注于为中小企业提供成都网站设计、网站制作服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业通川免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了数千家企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。

1，HTML的li中如何设置span的宽度

ul .li .span {with:##.px; line-style:none;}

span是行列元素，无法设置边距。你给你可li标签加添text-align:center实现居中

2，如何定义span标签的宽度和高度

其实这个问题很简单——先要认清span的属性，因为span属于内联元素，而内联元素是忽略宽度和高度的，明白了这一点解决就很简单了，解决的办法就是利用css将span变为盒装元素即可。将内联元素定义为盒装元素的方法有两种：1.直接使用显示属性display将其定义为盒装元素；display:block;2.使用浮动属性float将其自动定义为盒装元素；

3，如何使span变为相对宽度

因为现在客户端的电脑显示器分辨率不一致，所以排版的时候，除非特定的位置，一般不用固定宽度的。都是用的百分比。像你这种情况，还是换成百分比的好，不然后期排版再调整的话，会更麻烦。至于快速调整的方法，就是给同类型的span赋予属性，比如class，id之类的，然后通过js进行统一调整。

最近制作网站时发现给span设置宽度会无效，通过查阅css2标准中关于width 的定义发现，原来css中的 width 属性并不总是有效的，如果对象是 inline 对象，width 属性就会被忽略，firefox 和 ie 是遵循css标准，因而直接设置span宽度会无效。在span的css中增加display属性，将span设置为block类型的element，这样宽度的确有效了，但把前后文字隔在不同行里面，这样其实span就完全变成了div。例：span 很多人会建议再增加一个css 属性 float ，这样的确在某种条件下能解决问题。深圳网站工作室提示，如果span前面没有文字，那的确是可行的。但是如果有了，前后文字就会连在一起，而span跑到了第二行。例：span 下面代码的 css定义完美解决了span的宽度设置问题。由于浏览器通常对不支持的css属性采取忽略处理的态度，所以最好将 display:inline -block行写在后面，这样在firefox里面，如果到了未来的firefox 3，这一行就能起作用，代码可以同时兼容各种版本。例：span 当新建html时加上了

4，DIV定位以及SPAN设置宽度问题

加margin:0 auto 就行了 fffffdisplay:block转化为块级元素，因为span是内联元素

span是行标记，你要先把它设置成块标记才可以设置它的宽度span至于div居中嘛，div{margin:0 atuo;}就好了

div相对于body居中代码：制作网站时发现给span设置宽度会无效，通过查阅CSS2标准中关于width 的定义发现，原来CSS中的 width 属性并不总是有效的，如果对象是 inline 对象，width 属性就会被忽略，Firefox 和 IE 是遵循CSS标准，因而直接设置span宽度会无效。如何设置span宽度：1.修改 span 为block 类型并设置float，但这不是完美的解决方法在span的CSS中增加display属性，将span设置为block类型的Element，这样宽度的确有效了，但把前后文字隔在不同行里面，这样其实span就完全变成了div。例：span 下面代码的 CSS定义完美解决了span的宽度设置问题。由于浏览器通常对不支持的CSS属性采取忽略处理的态度，所以最好将 display:inline -block行写在后面，这样在Firefox里面，如果到了未来的Firefox 3，这一行就能起作用，代码可以同时兼容各种版本。例：span 当新建HTML时加上了，span的宽度就会失效，这是由于此句声明了HTML代码遵循W3C标准。如何设置span宽度，span宽度无效就可以通过以上方法解决了。

这个居中这个SPAN宽度深圳才盟企业管理顾问有限公司有问题再问我

首先你的width最好加上px 至于SPAN你需要先设置他的display:block; 这样你就不搓了！再不OK的话就是你人丑了！

5，如何设置span宽度

最近制作网站时发现给span设置宽度会无效，通过查阅CSS2标准中关于width 的定义发现，原来CSS中的 width 属性并不总是有效的，如果对象是 inline 对象，width 属性就会被忽略，Firefox 和 IE 是遵循CSS标准，因而直接设置span宽度会无效。在span的CSS中增加display属性，将span设置为block类型的Element，这样宽度的确有效了，但把前后文字隔在不同行里面，这样其实span就完全变成了div。例：span 很多人会建议再增加一个CSS 属性 float ，这样的确在某种条件下能解决问题。深圳网站工作室提示，如果span前面没有文字，那的确是可行的。但是如果有了，前后文字就会连在一起，而span跑到了第二行。例：span 下面代码的 CSS定义完美解决了span的宽度设置问题。由于浏览器通常对不支持的CSS属性采取忽略处理的态度，所以最好将 display:inline -block行写在后面，这样在Firefox里面，如果到了未来的Firefox 3，这一行就能起作用，代码可以同时兼容各种版本。例：span 当新建HTML时加上了

在span的CSS中增加display属性，将span设置为block类型的Element，这样宽度的确有效了，但把前后文字隔在不同行里面，这样其实span就完全变成了div。制作网站时发现给span设置宽度会无效，通过查阅CSS2标准中关于width 的定义发现，原来CSS中的 width 属性并不总是有效的，如果对象是 inline 对象，width 属性就会被忽略，Firefox 和 IE 是遵循CSS标准，因而直接设置span宽度会无效一、初步解决span宽度方案1、修改span为block类型，在span的css中增加display属性，将span设置为block类型。span background-color:#fc0;display:block;width:150px;}二、进一步解决span宽度方案1、我们再增加一个css属性float2、这样的确在某种条件下能解决问题。span background-color:#fc0;display:block;float:left;width:150px;}

在span的css中增加display属性，将span设置为block类型的element，这样宽度的确有效了，但把前后文字隔在不同行里面，这样其实span就完全变成了div。例：span 很多人会建议再增加一个css 属性 float ，这样的确在某种条件下能解决问题。深圳网站工作室提示，如果span前面没有文字，那的确是可行的。但是如果有了，前后文字就会连在一起，而span跑到了第二行。例：span 下面代码的 css定义完美解决了span的宽度设置问题。由于浏览器通常对不支持的css属性采取忽略处理的态度，所以最好将 display:inline -block行写在后面，这样在firefox里面，如果到了未来的firefox 3，这一行就能起作用，代码可以同时兼容各种版本。

网页题目：span如何设置宽度，HTML的中如何设置的宽度
文章出自：http://cqcxhl.com/article/ideeoj.html