html - 带有填充的div滚动?

标签 html text scroll padding

我是 html/css 的新手,仍在学习一些东西,目前我正在尝试创建一个简单的聊天样式框,如下所示:

http://jsfiddle.net/29n3w/

有没有办法重写这段代码,使 div 内的文本尊重填充,并从顶部和底部的边界被切断 9px,而不是在井的边界被切断?我还想保持滚动条现在的样子。

我已经搜索了一段时间,但似乎无法设计出解决方案。

理想情况下,这就是我的目标:http://img839.imageshack.us/img839/3889/examplejt.png

最佳答案

您需要将文本包装在另一个 div 中,并使新的 div 可滚动。然后你把填充到你的well..检查这个:http://jsfiddle.net/kdaker/La9Jn/7/

关于html - 带有填充的div滚动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12117724/

相关文章:

javascript - 如何在第一次触发后停止触发点击事件?

excel - 如何将文本日志文件导入 Excel 列

java - 在循环内执行文本数据

css - 在 Ionic 元素的浏览器中滚动

ios - 滚动后在 Collection View 中查看更新太迟

javascript - 如何根据用户输入过滤div元素

jquery - 滚动固定导航高度百分比

javascript - React Hooks - 滚动

javascript - 我对使用 jquery 的 droppable 有疑问

java - 将 Java 类和方法移植到 Android。 (TextLayout、Font、Graphics2D 等)