Question

我有一个案例，其中以下两个值应根据数据库中的数据进行更改。在外部css文件中我有这个。

#wow-container1 { 
    zoom: 1; 
    position: relative;
    width: 100%;
    max-width:960px;
    max-height:360px;
    margin:0px auto 0px;
    z-index:90;
    border:2px solid #FFFFFF;
    text-align:left; 
    font-size: 10px;
}

我的要求是当我更改存储在数据库中的高度和宽度时，我需要更改 max-height：max-width：。是否有任何可能的解决方案。？

Answer 1

使用jQuery .css()

尝试此操作

var width = "value from DB";
var height = "value from DB";
$('#wow-container1').css({ 'max-width' : width, 'max-height' : height });

Answer 2

你可以从db获得max-height，max-width， php中的示例：

<?php
    $max_height='300px';//you have to get the value form db
    $max_width='300px'; //you have to get the value form db
?>

然后在调用外部css文件后写下心爱的css部分

<style>
#wow-container1 { 
  max-width:<?php echo $max_width; ?>;
  max-height:<?php echo $max_height; ?>;

}
</style>

你可以用编程语言来完成。

Answer 3

.css（）jquery是最好的解决方案。如果你想用css改变它，你必须将数据库值放在同一页面中编写的内联css中。像这样：

<style>
#wow-container1 { 
  max-width:<?php echo $width; ?>;
  max-height:<?php echo $height; ?>;

}
</style>


If you want to use jquery .css(), it will be like this :


var width = "width from database";
var height = "height from database";
$('#wow-container1').css({ 'max-width' : width, 'max-height' : height });

Answer 4

当您了解http://VueJS.org时，您可以使用＆＃39; v-blind＆＃39;要做到这一点，非常简单！

在外部css文件中获取变量

4 个答案: