根据div内容,判断宽度并写入css,代码如下:

html-css016

根据div内容,判断宽度并写入css,代码如下:,第1张

像这种一般span里面的数据是从数据库读出的。既然SPAN里面有数字。那SPAN的STYLE里面也可以同时加 值(或该值的倍数)。。类似<span style = "height:3px(这里面的数字就可以是3的倍数)"。

如果不从数据库中读取数据。就需要用JS来实现,给span加上ID,$('#ID').css('height',$('#id').text()*倍数+‘px’)。()

一、创建一个新的HTML文件

二、创建HTML标记和内容。

三、预览效果如图所示。

四、设置左边框的宽度border-left-width: 15px。

五、预览效果如图。

六、设置左边框的宽度border-left-width: thin。

七、预览效果如图所示。