html - 不能像在 TEXTAREA 中那样在 DIV 中设置行间距吗?

标签 html css

我发现我们可以通过设置 contenteditable='true' 和 overflow='auto'(或'scroll')将 DIV 用作 TEXTAREA(我不关心外观,只关心功能),但是我真的无法通过谷歌搜索找到解决方案,使其真正像一个 TEXTAREA,问题与行间距有关,当按下回车键时,下一行与 DIV 中的前一行距离太远。使用 DreamWeaver 设计时,如果我尝试编辑 DIV 的内容并按回车键并切换到代码窗口,我可以看到自动插入了 P 标签。这就是为什么 DIV 中的线条彼此距离太远,并且看起来不像在 TEXTAREA 中那样好。我想说,太丑太别扭了。

能否请您告诉我如何抑制每当按下 Enter 键时自动将 P 标签自动插入到 DIV 的内容中?或者你能给我任何其他解决方案,使 DIV 中的线条像在 TEXTAREA 中一样正常吗?

非常感谢! 非常感谢您的帮助! (我只是网络编程的新手,所以请耐心等待!!!thanksss!!:))

更新!!! 你们可能都误解了我,当我说我按下 Enter 键时,它不是在像 DreamWeaver 这样的代码编辑器中,而是当我在浏览器中加载页面并尝试以普通用户身份键入时。那是我测试页面的时候。

最佳答案

是这样的吗?

#myDiv p{
    margin: 0px;
}

我不是 100% 确定边距是导致行高问题的原因,您可能想尝试更改 heightpadding 等,直到您弄清楚。

我试着制作 fiddle ,但我没有遇到同样的问题,行距对我来说看起来很正常:http://jsfiddle.net/dFzjT/ 仔细检查后,Chrome 会在每个换行符上添加额外的 div

关于html - 不能像在 TEXTAREA 中那样在 DIV 中设置行间距吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13704264/

相关文章:

javascript - Bxslider 从寻呼机中删除点并将它们替换为数字,例如 4 中的 1 和 next-prev 链接

javascript - 使用下拉框仅显示选定的 div,但在未选择任何选项时显示所有 div

html - Font Awesome 列表填充

html - 页面中间的框?

html - 事件导航选项卡不应该有底线

css - 如何给 NetlifyCMS 编辑器预览添加样式

html - 格式化 ordoned 列表向左浮动

javascript - 如何使用 HTML 和 JavaScript 制作 "limited-fixed"div?

html - 如何以负责任的形式 css 替换固定值

javascript - ReactJS、CSS 和 SVG 动画,以及重新渲染