界定span的最少高宽比沒有实际效果的处理方式

制做html网页页面常常会应用到span这个标识,但一些盆友对这个标识许多盆友用不太好,好像感觉它又很功能强大,但有效起来又很不便,特别是必须给它界定宽度和高宽比的情况下。

以前有盆友问:为何给用css给span界定高宽比和宽度后,它的宽度和高宽比依然沒有转变,仿佛无效了1样?

实际上这个难题很简易——先要认清span的特性,由于span属于内联元素,而内联元素是忽视宽度和高宽比的,搞清楚了这1点处理就很简易了,处理的方法便是运用css将span变成盒装元素便可。

将内联元素界定为盒装元素的方式有两种:

1.立即应用显示信息特性display将其界定为盒装元素;

拷贝编码
编码以下:

display:block;

2.应用波动特性float将其全自动界定为盒装元素;

拷贝编码
编码以下:

float:left;