Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 把两段放在一起?_Javascript_Html_Css_Paragraphs - Fatal编程技术网

Javascript 把两段放在一起?

Javascript 把两段放在一起?,javascript,html,css,paragraphs,Javascript,Html,Css,Paragraphs,我一直在尝试使用段落,并从脚本标签上给它们写信,我想知道是否有一种方法可以将它们水平放置在一起,而不是放在下面。我当前的代码如下: <p id="csvData"></p> <p id="csvData2"></p> 我不知道如何让“csvData”和“csvData2”彼此相邻。使用display:inline,显示:内联块或浮动:左侧 p{ 显示:内联块; } 1 2使用显示:内联,显示:内联块或浮动:左侧 p{ 显示:内联块;

我一直在尝试使用段落,并从脚本标签上给它们写信,我想知道是否有一种方法可以将它们水平放置在一起,而不是放在下面。我当前的代码如下:

<p id="csvData"></p>
<p id="csvData2"></p> 


我不知道如何让“csvData”和“csvData2”彼此相邻。

使用
display:inline
显示:内联块或<代码>浮动:左侧

p{
显示:内联块;
}

1


2使用

显示:内联
显示:内联块或<代码>浮动:左侧

p{
显示:内联块;
}

1


p和div元素是块级元素,其中span是内联元素


您可以将每个
包装在
中,或者使用
p和div元素是块级元素,其中span是内联元素


您可以将每个
包装在
中,也可以使用

这不是脚本,可以通过CSS轻松完成

#csvData{
边框:1px纯红;
高度:200px;
浮动:左;
宽度:45%;
}
#csvData2{
边框:1px点蓝色;
高度:400px;
浮动:对;
宽度:45%;
}


这不是一个脚本,可以通过CSS轻松完成

#csvData{
边框:1px纯红;
高度:200px;
浮动:左;
宽度:45%;
}
#csvData2{
边框:1px点蓝色;
高度:400px;
浮动:对;
宽度:45%;
}


请尝试以下操作:

<p id="csvData" style="display: inline-block; width: 50%;"></p>
<p id="csvData2" style="display: inline-block; width: 50%;"></p> 

希望这有帮助。。干杯

请尝试以下操作:

<p id="csvData" style="display: inline-block; width: 50%;"></p>
<p id="csvData2" style="display: inline-block; width: 50%;"></p> 

希望这有帮助。。啦啦队

使用CSS更改其默认的“行为”:

请看这里:
使用CSS更改默认的“行为”:

请看这里:

实际上,既然您似乎想显示表数据,为什么不将其设为表呢

表格{
宽度:100%;/*如果为100%,则不需要,但可以在此处设置得更窄*/
}

一个

两个


实际上,既然您似乎想显示表数据,为什么不将其设为表呢

表格{
宽度:100%;/*如果为100%,则不需要,但可以在此处设置得更窄*/
}

一个

两个


根据您所说的“旁边”的意思,有几种可能的答案

@驼鹿在另一个问题上提供了一个很好的链接。值得一读

如果您希望段落采用两列布局,那么这个问题在StackOverflow上有很多解决方案。e、 g.这里和这里

另一种可能的解决方案是浮动。浮动通过CSS应用,并使元素以最小宽度向左(或向右,取决于声明)堆叠。浮子有几个复杂的问题。浮动更改图元的默认宽度,并可能导致与对象高度/宽度相关的其他复杂情况。(例如,一个未设置样式的段落尽可能自然地使用宽度,但浮动段落的宽度较小。)通常在使用浮动时,您需要手动指定宽度,并且需要稍后“清除”浮动。这里有许多优秀的浮动资源,包括和


有几种可能的答案,取决于你所说的“旁边”是什么意思

@驼鹿在另一个问题上提供了一个很好的链接。值得一读

如果您希望段落采用两列布局,那么这个问题在StackOverflow上有很多解决方案。e、 g.这里和这里

另一种可能的解决方案是浮动。浮动通过CSS应用,并使元素以最小宽度向左(或向右,取决于声明)堆叠。浮子有几个复杂的问题。浮动更改图元的默认宽度,并可能导致与对象高度/宽度相关的其他复杂情况。(例如,一个未设置样式的段落尽可能自然地使用宽度,但浮动段落的宽度较小。)通常在使用浮动时,您需要手动指定宽度,并且需要稍后“清除”浮动。这里有许多优秀的浮动资源,包括和


我很确定你可以用CSS做到这一点。它们彼此相邻。如果不需要段落间距,而只需要换行符,请使用

标记。或者,默认情况下,
在标记之间没有间距。此外,您可以使用CSS修改间距,但这是一个不同的主题查看下面的一些答案。。。你说的“彼此相邻”是指a)在垂直方向上它们之间没有空格,还是b)在同一水平方向上?我很确定你可以用CSS来实现这一点。它们彼此相邻。如果不需要段落间距,而只需要换行符,请使用

标记。或者,默认情况下,
在标记之间没有间距。此外,您可以使用CSS修改间距,但这是一个不同的主题查看下面的一些答案。。。你说的“彼此相邻”是指a)在垂直方向上没有空格,还是b)在同一水平线上?如果这是一个很长的段落怎么办。。像几句话?我在一定程度上认为这是一个错误的答案。这是一个不错的答案,但问题作者非常鼓励阅读包含的链接。将
内联表示对
标记的误解;也许应该用别的东西!是的,我想@alttag是正确的。为什么不从正确的元素开始呢?如果这是一个很长的段落怎么办。。像几句话?我在一定程度上认为这是一个错误的答案。。
p {
    display: inline;
}
p {
    display: inline-block;
}
<p id="csvData"></p>
<p id="csvData2"></p>
<!-- Alternative, with spans instead -->
<span id="csvData"></span>
<span id="csvData2"></span>
#csvData, #csvData2 {
   display: inline; /* or, inline-block */
}
/* CSS */
#csvData, #csvData2 {
   border: 1px dotted blue; /* To show the paragraphs */
   float: left;
   width: 100px;
}