为了账号安全,请及时绑定邮箱和手机立即绑定

关于padding

为什么我设置了padding后,在盒子里随意打字时发现字会超出盒子框,然后我又分别打了中文和英文,我先打的是英文,可是英文会超出框,然后在英文后打中文,这时盒子里的内容自动换行了,而且打的中文不会再有超出框的现象,这是怎么回事?

正在回答

4 回答

<!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 回复 有任何疑惑可以回复我~
#1

墨格 提问者

非常感谢!
2016-10-16 回复 有任何疑惑可以回复我~

overflow : visible | auto | hidden | scroll

Overflow参数: 
visible :  不剪切内容也不添加滚动条。
auto :  此为body对象和textarea的默认值。在需要时剪切内容并添加滚动条
hidden :  不显示超过对象尺寸的内容
scroll :  总是显示滚动条


0 回复 有任何疑惑可以回复我~

这个跟padding没有关系,是因为你打连续英文系统自认为它是一个单词,所以会直接输出不会换行。

解决方法:1.每个单词中空出一个空格

                 2.设置div样式:word-break:break-all;

1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1225293    人
  • 解答问题       18230    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

关于padding

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信