如何使用HTML并排放置两个民意调查项目?

问题描述 投票:0回答:1

我想将这两个民意调查并排放置在黑板课程(LMS)上,而不是堆叠在一起。

html css polling blackboard
1个回答
0
投票

我从未在任何地方都看到过民意测验的嵌入代码,也许您可​​以在您的帖子中添加一些示例,并在此处使用代码示例按钮对其进行格式化。

但与此无关,我认为:您应该在网站上创建两个DIV元素,并使用一些CSS对其进行格式化,以便可以排列div容器。

您将每个嵌入的代码放入一个div容器。

这里是一些将div容器彼此相邻的示例

How to place two divs next to each other?

更新的解决方案:

<style>

#wrapper {
    border: 1px solid black;
    padding:10px;
    width:750px;
}
#first {
    width: 350px;
    border: 1px solid red;
    float:left;
    overflow: hidden;
    padding:10px;
}
#second {
    left:10px;
    width: 350px;
    position:relative;
    margin-left: 15%;
    border: 1px solid green;
    overflow: hidden;
    padding:10px;
}

</style>

<div id="wrapper">
    <div id="first">
        <script src="https://www.polleverywhere.com/multiple_choice_polls/9CQBE41uxfGEYOgydZSJ8/web.js?height=500&amp;results_count_format=percent&amp;width=350" type="text/javascript"></script>
    </div>
    <div id="second">
        <script src="https://www.polleverywhere.com/multiple_choice_polls/9CQBE41uxfGEYOgydZSJ8/web.js?height=500&amp;results_count_format=percent&amp;width=350" type="text/javascript"></script>
    </div>
</div>

测试链接:https://www.w3schools.com/code/tryit.asp?filename=G93YUI61BHFK

© www.soinside.com 2019 - 2024. All rights reserved.