关于padding
墨格
2016-10-16 13:34
为什么我设置了padding后，在盒子里随意打字时发现字会超出盒子框，然后我又分别打了中文和英文，我先打的是英文，可是英文会超出框，然后在英文后打中文，这时盒子里的内容自动换行了，而且打的中文不会再有超出框的现象，这是怎么回事？
3回答
-
- 摘星的你0
- 2016-10-16 14:18:37
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>填充</title>
<style type="text/css">
#box1{
width:100px;
height:100px;
padding:10px 200px 50px 10px;
border:1px solid red;
overflow : hidden;
}
</style>
</head>
<body>
<div id="box1">inasjhdiahdajksldjaskslajsdkjasdkaksjdkajsdkajdjakjdlajksnkcnshbdhasgdja</div>
</body>
</html> -
- 摘星的你0
- 2016-10-16 14:19:31
overflow : visible | auto | hidden | scroll
Overflow参数：
visible : 不剪切内容也不添加滚动条。
auto : 此为body对象和textarea的默认值。在需要时剪切内容并添加滚动条
hidden : 不显示超过对象尺寸的内容
scroll : 总是显示滚动条 -
- 维伟
- 2016-10-16 13:51:13
这个跟padding没有关系，是因为你打连续英文系统自认为它是一个单词，所以会直接输出不会换行。
解决方法：1.每个单词中空出一个空格
2.设置div样式：word-break:break-all;
初识HTML(5)+CSS(3)-升级版
1225806 学习 · 18234 问题
相似问题