如何并排放置2个CSS矩形？默认情况下，它们出现在下面

2024-04-26 00:13:27 发布

您现在位置：Python中文网/ 问答频道 /正文
4602 3

代码如下：

<head>
      <meta http-equiv="refresh" content="01">
    <title>
        Slot Data
    </title>
</head>          
<body> 
    <style>
    div
    {
        height: 100px;
        width: 50px;
        background-color: green;
    }
   </style>
<div></div>
   <style>
   div
    {
        height: 100px;
        width: 50px;
        background-color: green;
    }
   </style>
<div></div>

</body>

它们一个一个地出现在另一个下面。在

另外，我需要一种方法将python编写的条件的颜色“green”更改为“red”。其中，代码片段是：

^{pr2}$

我对另一辆车也有同样的代码。 我如何以不同的方式处理这两个矩形？替换机制将替换两个CSS矩形的颜色，这是我不想要的。在

感谢任何帮助。在


Tags： 代码divhttptitlestyle颜色bodygreen
2条回答
网友
1楼 · 编辑于 2024-04-26 00:13:27

^{}通常显示为block level elements，但可以使其与^{}并排显示。在

你似乎对CSS/HTML很陌生，也许最好做一些研究或教程，以便对CSS最初可能很奇怪的东西有更深入的了解，但随着你对它的熟悉程度的加深，它会变得更加容易。在

就个人而言，我会使用类来适当地针对元素。至于在Python中按类获取元素，我真的不确定我不能说我完全知道你是怎么用Python操作这些东西的，这是在浏览器中显示/执行的吗？在

我在下面创建了一个示例片段。在

.rect { height: 100px; width: 50px; display: inline-block; background-color: green; } .alert { background-color: red; } ； ^{pr2}$ ；

和13；
和13；

请注意，还有其他方法可以做到这一点CSS提供了各种定位/布局工具。祝你好运！在

网友
2楼 · 编辑于 2024-04-26 00:13:27

你可以使用浮动：左使它们彼此相邻显示。在

float:left

如果您想要第二行，请记住清除它。只需使用样式创建一个小元素

^{pr2}$

这里有一个方便的提琴，它可以帮助您理解css的工作原理：

https://jsfiddle.net/nfnneil/6jgsp9dx/

相关问题 更多 >

    编程相关推荐