如何使用JavaScript设置元素的底部填充?
要设置底部填充,请使用JavaScript中的paddingBottom属性。
示例
您可以尝试运行以下代码以使用JavaScript返回元素的底部填充-
<!DOCTYPE html>
<html>
<head>
<style>
#box {
border: 2px solid #FF0000;
width: 150px;
height: 70px;
}
</style>
</head>
<body>
<div id = "box">This is demo text.</div>
<br>
<br>
<button type = "button" onclick = "display()">Bottom padding</button>
<script>
function display() {
document.getElementById("box").style.paddingBottom = "100px";
}
</script>
</body>
</html>热门推荐
10 财运虎年祝福语简短语
11 单亲爸爸春节祝福语简短
12 狗狗上厕所训练
13 植物种植祝福语简短
14 翻译考试祝福语朋友简短
15 个人周年庆简短祝福语
16 狗狗怎么训练
17 分别祝福语简短搞笑英文
18 生日广州男生祝福语简短