width，width和wide用法

一、width指标使用技巧

width是一个常用的CSS属性，用于设置元素的宽度。以下是一些使用width指标的技巧：

使用百分比设置宽度：可以使用百分比来设置元素的宽度，这样可以使元素的宽度随着父元素的宽度变化而自适应调整。

使用max-width属性：可以使用max-width属性来设置元素的最大宽度，这样可以避免元素在窗口缩小时出现水平滚动条。

使用box-sizing属性：可以使用box-sizing属性来设置元素的盒模型，这样可以更好地控制元素的宽度和边框大小。

使用calc()函数：可以使用calc()函数来计算元素的宽度，这样可以更灵活地设置元素的宽度，例如可以设置为50%-20px。

使用媒体查询：可以使用媒体查询来根据不同的屏幕尺寸设置元素的宽度，这样可以使网页在不同设备上都能够良好地显示。

总之，使用width指标需要根据具体情况进行灵活调整，以达到最佳的显示效果。

二、width怎么设置

如果设置display:block，width属性生效，但是此时的span跟div一样了。如果设置display:inline-block，则span并列在同行，而且width属性生效。元素display属性的常见值说明：

1）block：块对象的默认值。将对象强制作为块对象呈递，为对象之后添加新行。

2）inline：内联对象的默认值。将对象强制作为内联对象呈递，从对象中删除行。

3）inline-block：将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内。

4）non：隐藏对象。

三、width和wide用法

width是名词宽度，wide是形容词宽的