本文目录一览

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

ul .li .span {with:##.px; line-style:none;} span是行列元素，无法设置边距。你给你可li标签加添text-align:center实现居中

2，CSS中如何把Span标签设置为固定宽度

一、形如ABCDEF格式行设置SPAN为固定宽度的方法如下：span DEFGH格式行设置SPAN为固定宽度的方法如下：span {width:60px; text-align:center; display:inline-block;}实际验证结果：IE6 OK， FIREFOX 3 OK。提示： 完美兼容就是把display属性设为inline-block，同时也可兼容前两种情况。 block，inline，inline-block的区别：display:block;——类似与DIV标签的宽高边距等属性均可定制的元素特性； display:inline;——类似与、标签的宽高等属性不可定制的元素特性；display:inline-block;——“全”可定制属性的元素特性； 补充： 1、如何让 AAABBB 里头的BBB靠右对齐且不换行？答：如果对span使用float属性，总是导致span换到下一行。可以采用下面方法实现同行且居右对齐。

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设置宽度问题

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宽度无效就可以通过以上方法解决了。 加margin:0 auto 就行了 fffffdisplay:block转化为块级元素，因为span是内联元素 这个居中这个SPAN宽度深圳才盟企业管理顾问有限公司有问题再问我 首先你的width最好加上px 至于SPAN你需要先设置他的display:block; 这样你就不搓了！再不OK的话就是你人丑了！

5，CSS中的span标记加背景色不添加displayblock怎么控制高宽度

<style> li span</style><ul> <li><span>1</span>999333333339</li> <li><span>2</span>9999</li> <li><span>3</span>9933399</li> <li><span>…</span>99399</li> <li><span>50</span>9333333333333999</li></ul>一般排行榜也有个限度的吧，不要把问题太复杂化了， 数字让它居中对齐好了，然后后面的文字就左对齐。span左浮动。不要给span高，宽就好了， 设置li的高，li的高是多少span的高就是多少。为了不让每行有背景的span 都连在一块，可以对li设置margin。 &lt;style&gt; li span&lt;/style&gt;&lt;ul&gt; &lt;li&gt;&lt;span&gt;1&lt;/span&gt;999333333339&lt;/li&gt; &lt;li&gt;&lt;span&gt;2&lt;/span&gt;9999&lt;/li&gt; &lt;li&gt;&lt;span&gt;3&lt;/span&gt;9933399&lt;/li&gt; &lt;li&gt;&lt;span&gt;…&lt;/span&gt;99399&lt;/li&gt; &lt;li&gt;&lt;span&gt;50&lt;/span&gt;9333333333333999&lt;/li&gt;&lt;/ul&gt;一般排行榜也有个限度的吧，不要把问题太复杂化了， 数字让它居中对齐好了，然后后面的文字就左对齐。span左浮动。不要给span高，宽就好了， 设置li的高，li的高是多少span的高就是多少。为了不让每行有背景的span 都连在一块，可以对li设置margin。 试试display:inline-block;