0

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

您能否让我知道如何在按下 Enter 键时抑制将 P 标签自动插入 DIV 内容的讨厌的行为？或者你能给我任何其他的解决方案来使 DIV 中的行像 TEXTAREA 一样正常吗？

非常感谢你！您的帮助将不胜感激！（我只是 Web 编程的新手，所以请耐心等待！！！Thanksss！！:)）

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

4

4 回答 4

0

像这样的东西？

#myDiv p{
    margin: 0px;
}

我不能 100% 确定边距是导致行高问题的原因，您可能想尝试更改height,padding等，直到弄明白为止。

我尝试制作小提琴，但没有遇到同样的问题，行距对我来说看起来很正常：http: //jsfiddle.net/dFzjT/ 仔细检查后，Chromediv在每个换行符上添加了额外的 s。

于 2012-12-04T13:42:02.793 回答
0

切换到在代码视图而不是所见即所得 HTML 编辑器中进行编辑。然后你需要在开始和结束 div 标签之间输入：

<div>your text here.</div>
于 2012-12-04T13:42:45.603 回答
0

事情就是这样。

这里的很多答案都回答了这个问题，但他们都错过了重要的一点。在某些时候，我们都是新手。

因此，让我给你一些建议，我希望我在开始这条道路时能得到这些建议。

  • 学会阅读代码，你的生活会更轻松。

    现在看起来可能令人生畏，但请相信自己的学习能力，并努力奋斗几天。你会带着头痛和微笑从另一端出来。

  • 在浏览器中编写代码、保存并刷新页面。

    这样，您可以在浏览器中查看它。您还应该拥有所有重要的浏览器：Chrome、Firefox、Internet Explorer、Opera和Safari。

  • 学习使用像 MAMP / XAMPP / Visual Studio 这样的本地主机服务器。

    这样你就可以编写服务器端代码；这样您就可以测试、检查和调整 - 所有这些都无需上传任何内容。

最重要的是，虽然..

  • 远离所见即所得。

    他们都只是坏消息。

    只需编写自己的代码。

:{D

于 2012-12-04T14:07:49.803 回答
0

我发现这个奇怪的问题（这可能会让你们中的一些人认为我是菜鸟？，否决我？）不是我的错，而是我使用的浏览器的错，它是 Opera 浏览器。我不认为它会以这种方式呈现 DIV 的内容。

尝试使用其他浏览器（如 Google Chrome、FireFox）后，它现在很正常，就像我想要的 TEXTAREA 一样。

谢谢！

于 2012-12-04T14:32:18.967 回答