0

我的html网页一直有这个问题。当按下按钮时，我有 JavaScript 来显示文本。问题是，当我运行页面时，它会将按钮更改为文本，但它会在预加载的文本和插入的文本之间添加一个空格。我正在使用 Notepad++，但我认为这没有帮助。我也在使用 Chrome，这可能是问题，但我不确定。

该文件的链接在这里： http: //pastebin.com/UqrRguRD

那里的信息也只是随机的东西。我正在做这件事，我需要建立一个网站，但我遇到了这个错误。

4

4 回答 4

1

解决方案

移动结束</p>标记并将div元素替换为span，inline而不是block（说明）显示：

HTML

<span id="whatido"><button onclick="whatIDo()">What do I do?</button></span>
<button onclick="displayResult()">Madlib</button>
<span id="madlib"></span></p>

您还可以在 CSS 中将display按钮的属性设置为block，以确保它们不与您的文本内联。

CSS

button{
    display:block;
}

JSFiddle

解释

div元素不会水平堆叠，它们具有display:block默认设置的属性，这使得它们占据整个空间并清除它们的侧面。div要解决此问题，请按元素替换span元素。默认情况下，span元素在display:inline其中，这使它们排成一行，而不是占用一整块空间

注意：标签内的div元素不被认为是有效的。p

W3Schools 的定义

<span>标签用于对文档中的内联元素进行分组。

<div>标记定义 HTML 文档中的一个部门或一个部分。

该<div>标签用于对块元素进行分组以使用 CSS 对其进行格式化。

资料来源：

http://www.w3schools.com/tags/tag_div.asp

http://www.w3schools.com/tags/tag_span.asp

于 2013-06-11T14:17:22.067 回答
0

在你的代码中添加这个

<style>
 p {margin: 0px;}
</style>
于 2013-06-11T14:28:54.660 回答
0

在 HTML 中，将块级元素（如<div>段落标签内）放置是无效的<p>。<div id="whatido">Web 浏览器会在产生空格之前自动关闭您的段落标签。解决此问题的一种方法是使用有效的 HTML来<span>代替。<div>#whatido

于 2013-06-11T14:17:53.817 回答
-1

或者：p{margin:0;padding:0;}

小提琴

于 2013-06-11T14:22:11.000 回答