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

为什么h标题和p段落内容超过div框的宽度没有换行?

为什么h标题和p段落内容超过div框的宽度没有换行?

garnett555 2016-06-15 11:50:48
<!DOCTYPE html> <html> <head> <title>fillet</title> <style type="text/css"> *{ margin: 0; padding: 0; } .box{ width:100px ; background: url(fillet_bottom.png) no-repeat left bottom; } .box h2{ background: url(fillet_top.png) no-repeat left top; } </style> </head> <body> <div class="box"> <h2>HeadlineHeadline</h2> <p>ContentContentContent</p> </div> </body> </html>如下图所示想不通。。。
查看完整描述

1 回答

已采纳
?
Suber丶林

TA贡献75条经验 获得超180个赞

已经换行了。只是你的内容没有换行而已。因为内容里“没有可以满足换行的条件”,满足条件比如空格、中文、标点符号。

① 可以给你的内容加上空格、或其他字符。

② 或者强制内容换行

.h2 {
    /* 强制换行,Duang~ */
    word-break: break-all;
}


查看完整回答
2 反对 回复 2016-06-15
  • garnett555
    garnett555
    为什么。。不应该啊。写代码这么久才遇到这种问题,之前的都是遇到父级元素就自动换行了呀。。。想不通
  • Suber丶林
    Suber丶林
    你以前的文案都是正常的,都是带有空格的、或者都是中文。
  • garnett555
    garnett555
    测试了一下,改成汉字确实能够自动换行了。。。这是为什么,为什么英文单词不能自动换行呢。。。
点击展开后面4
  • 1 回答
  • 0 关注
  • 1863 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信