Html 防止填充变形div
我有很多文本要放在一个小的Html 防止填充变形div,html,css,Html,Css,我有很多文本要放在一个小的框中,所以我没有太多的空间,而且大小非常精确 这是我的密码: <div class="myBox">Box</div> <style> .myBox{ width:100%; height:100%; padding:6px; } </style> 框 .我的盒子{ 宽度:100%; 身高:100%; 填充:6px; } 我不希望填充物使我的盒子变形
框中,所以我没有太多的空间,而且大小非常精确
这是我的密码:
<div class="myBox">Box</div>
<style>
.myBox{
width:100%;
height:100%;
padding:6px;
}
</style>
框
.我的盒子{
宽度:100%;
身高:100%;
填充:6px;
}
我不希望填充物使我的盒子变形。
我无法更改宽度和高度属性。添加以下属性:
box-sizing: border-box;
这将改变默认的
内容框
,其宽度仅基于内容<代码>边框框的宽度和高度包括内容、填充和边框(但不是边距
)大小。这与php无关。。。