padding盒子內部文本跟盒子之间的间距

日期:2021-03-08 类型:科技新闻 

关键词:小程序开发者工具,小程序在线生成平台,小程序编辑,免费的小程序,微信小程序在哪里

padding:假如说margin是盒子与盒子之间的间距,那末padding便是盒子內部文本跟盒子之间的间距

拷贝编码
编码以下:

<%@ page language="java" import="java.util.*" pageEncoding="utf⑻"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>padding 文本到div边框的间距</title>
<style>
#mydiv{
height:100px;
width:100px;
background:yellow;
padding:10px 20px 30px 40px;
}
</style>
</head>
<body>
<div id="mydiv">
我送你离去千里以外你是不是还在。</div>
</body>
</html>

必须留意的是:height跟width其实不包含padding的,假如应用padding,那末具体的尺寸应当加

上padding的尺寸,并且background的色调便是padding的色调。

总结:1个盒子,有margin,border,padding,具体占有是多少室内空间?
竖直方位:height+padding-top+padding-bottom+border-top+border-bottom+margin-top

+margin-bottom

水平方位:width+padding-left+padding-right+border-left+border-right+margin-left

+margin-right