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

发布网友发布时间：2022-04-21 11:02

共2个回答

热心网友时间：2022-04-21 12:31

像这种一般span里面的数据是从数据库读出的。既然SPAN里面有数字。那SPAN的STYLE里面也可以同时加值（或该值的倍数）。。类似<span style = "height:3px(这里面的数字就可以是3的倍数)"。
如果不从数据库中读取数据。就需要用JS来实现,给span加上ID，$('#ID').css('height',$('#id').text()*倍数+‘px’)。（）

热心网友时间：2022-04-21 13:49

<div class="fr">
<ul>
<li>参数：<span>3</span></li>
<li>参数：<span>10</span></li>
<li>参数：<span>2</span></li>
</ul>
</div>
<style>
.fr ul li span{background:#00f23c;height:15px;width:auto;}
</style>
<script type="text/javascript">
var spanNodes = document.getElementsByTagName("span");
for(var i=0, j = spanNodes.length; i<j; i++) {
var spanNode = spanNodes[i],
val = spanNode.innerText;
spanNode.style.width = 10*val+"px";
spanNode.style.display = "inline-block";
}
</script>

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

像这种一般span里面的数据是从数据库读出的。既然SPAN里面有数字。那SPAN的STYLE里面也可以同时加值（或该值的倍数）。。类似<span style = "height:3px(这里面的数字就可以是3的倍数)"。如果不从数据库中读取数据。就需要用JS来实现,给span加上ID，$('#ID').css('height',$('#id').text(...

两个div块,用max-width来定宽度的话,如何写CSS代码

--#main{float:left;max-width:1200px;border:1px solid #cccccc;}.left{float:left;width:200px;padding:20px;border:1px solid #cccccc;}.right{float:left;max-width:960px;border:1px solid #cccccc;}--></style></head><body><div class="main"> <div class="left">固定200px...

DIV+CSS如何实现三列宽度自适应

1、首选看一下html代码：html代码：<div id="left"><div class="inner">this is left sidebar content</div></div><div id="main"><div class="inner">this is main content</div></div><div id="right"><div class="inner">this is right siderbar content</div></div> 这种方法是...

如何用js判断div内容并更改它的css样式?

不能按照内容作为判断的条件。这样做的话，会照成不准确，而且容易出错。按照这样的思路：内容0 ===> class="test0" ->对应div的name值来判断内容0内容1 ===> class="test1"...内容N ===> class="testN" 用js来判断name值为0的时候，class赋值 test0。。。这样比较好点。

...左右固定宽度,中间自定义宽度,代码如下。 <div class="footer">...

求js,判断div内容,如果其中有关键词二,就写入css display:none,

var odiv=document.getElementsByTagName('div');for(var i=0;i<odiv.length;i++){ if(odiv[i]=="二"){ this.style.display=“none”;} } N久没写，应该是这样的吧，仅供参考

css怎么自动调整div的位置和大小

1、先新建一个html文件，并在head中添加样式表【styletype="text/css">/style>】。2、在body中添加一个DIV，并引入一个CSS，命名为【aaa】。3、给这个DIV添加背景色，并定义它的宽和高。【background:#FA2;width:400px;height:600px;】。4、然后添加如下代码。【position:fixed;left:50%;top:...

内容超出div宽度后自动换行的css代码

1、设计两个容器,放入一些文字,代码如下: 此时的页面展示如下:(均为换行) 2、修改两个容器的样式,给第一个容器加上了关键代码如下: 此时的页面展示(第一个已经换行): 扩展资料: css详解: 一、word-wrap:normal|break-word(word-wrap属性允许长单词或URL地址换行到下一行)。 1、normal,只在允许的断字点换行...

网页宽度跟随电脑屏幕分辨率自动适应,那么它里面的div能不能设置...

1.代码如下:media screen and (判断属性){ CSS样式选择器 } 这里注意花括号里装要变化CSS样式选择器。不同分辨率显示不同宽度样式案例 DIVCSS小案例描述：1.我们首先设置一个DIV盒子CSS命名为“.abc”，设置其高度为300px，css边框为黑色；以及设置margin:0 auto布局居中。预先设置这两个样式是为了...

divcss网页布局实例代码(网页设计divcss布局)

1、新建一个html文件，命名为test.html，用于讲解div+css布局的基本流程。2、在test.html文件内，对body进行样式初始化，设置外边距margin为0，内边距padding为0，同时使用text-align设置文字居中。3、在test.html文件内，为了讲解方便，设置所有的div高度为200px，内容的颜色为红色。4、在test.html文件...

div根据宽度自适应 css设置div宽度定义div的宽度和高度 div默认的宽度和高度 html设置div的宽度和高度 js设置div的宽度 div的宽度 div的默认宽度获取div宽度