html – 如何在父级内部保留文本?
发布时间:2020-12-14 23:44:42 所属栏目:资源 来源:网络整理
导读:让我们以此为例: !DOCTYPE htmlhtml head titleTest/title link type="text/css" rel="stylesheet" href="s.css" /head body div id="container" pqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq
让我们以此为例:
<!DOCTYPE html> <html> <head> <title>Test</title> <link type="text/css" rel="stylesheet" href="s.css"> </head> <body> <div id="container"> <p>qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq</p> </div> </body> </html> CSS: * { margin:0px; padding:0px; } #container { margin:10px; width:400px; border: 2px solid red; } 它显示如下: 如何将这种文本始终放在父div中呢? 解决方法
你可以使用自动换行:break-word.
#container { margin: 10px; width: 400px; border: 2px solid red; word-wrap: break-word; } jsFiddle example 或者,您也可以使用overflow:hidden,这将隐藏溢出.这假设您不希望文本换行. jsFiddle example 最后,有溢出:滚动,它将允许您滚动溢出.注意 – 无论文本的长度如何,始终都会有滚动条.为避免这种情况,您还可以使用overflow:auto.我不知道你想要什么. jsFiddle example溢出:滚动 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |