Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.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
Jquery 如何将这两个div附加在一起?_Jquery_Html_Css - Fatal编程技术网

Jquery 如何将这两个div附加在一起?

Jquery 如何将这两个div附加在一起?,jquery,html,css,Jquery,Html,Css,剧本 我希望这一段的其余部分继续同一行。我试着内联,删除p标签,等等 提前谢谢你 将.heading和.content设置为display:inline或display:inline block,这应该可以满足您的需要。您可以给content类 .layer1 { margin: 0; padding: 0; } .heading { color: #bfbfbf; cursor: pointer; position: relative; } .content { padding: 0px;

剧本

我希望这一段的其余部分继续同一行。我试着内联,删除p标签,等等


提前谢谢你

.heading
.content
设置为
display:inline
display:inline block
,这应该可以满足您的需要。

您可以给content类

.layer1 {
margin: 0;
padding: 0;
}

.heading {
color: #bfbfbf;
cursor: pointer;
position: relative;
}
.content {
padding: 0px;
color: #bfbfbf;
margin: 0px;
}
.heading{
width:50%;
float:left;
}
.content{
width:50%;
float:left;
}
让它看起来像是在同一条线上

更合适的做法可能是使用两个span标记

display: inline
第1段
第2款

使用
float:left

<span>paragraph 1</span>
<span>paragraph 2</span>

标题
内容
更改为
span
标记


小提琴:

你最好在“标题”中添加下一段文字。通过并排添加不同的元素,在某些浏览器上可能效果不佳,如果“标题”后的下一段太长,可能会导致其他元素中的行差异。

这主要是首选项,但我讨厌看到块元素被重新定义为内联(反之亦然)。如果你这样做的话,你应该选择一个更合适的HTML标签。我可以从两个方面看。“不要试图成为你不是的东西”,但同时,你可能仍然希望它们在语义上由
表示,并且希望它们以某种方式显示。这主要是一种偏好,但我讨厌看到块元素被重新定义为内联(反之亦然)。如果你这么做了,你可能应该选择一个更合适的HTML标记。我同意,所以我对我的答案做了一点改动。自从你第一个到了那里,我对你的答案进行了升级。我是一个语法纳粹,但你不能把两个东西加在一起。将一个(或多个)项目附加到另一个项目。我提出来是因为它可能会帮助你自己寻找答案。谢谢你,马特!如果这有帮助,请将此标记为答案。另外,你还有一些老问题没有被接受为答案。请这样做!如果它打在我脸上,我不知道在哪里标记回答。在上/下箭头下,应该有一个(灰色?)复选标记。点击那张支票!在我开始新的帖子之前。您知道如何改进上述示例中的.slideToggle吗?这是非常颠簸和文本移动试图证明。我想一个很好的淡入淡出没有文字跳跃。谢谢
display: inline
<span>paragraph 1</span>
<span>paragraph 2</span>
.heading {
color: #bfbfbf;
cursor: pointer;
position: relative;
float: left;
}

.content {
float: left;
position: relative;
padding: 0px;
color: #bfbfbf;
margin: 0px;
}​