Question

我想将我的网页显示为## TITLE ## ## VALUE ## 我的Html是

<div> 
 <div style="padding:8px; border: 1px solid black; color:#006BF2; width: 90px;">##TITLE##</div> 
 <div style="padding:8px; border: 1px solid black; color:#000000; text-align:left; ">##VALUE##</div> </div>

现在显示为

 ##TITLE##
 ##VALUE##

我只知道html的基础知识。如何做到这一点？

由于

Answer 1

您需要为此设置float属性。一个div应该向左浮动而另一个应该是如下所示。

for first div set style =＆gt; style =“float：left; width：50％; for second div set style =＆gt; style =“float：right; width：50％;

Answer 2

您必须为float: left和title列设置value样式。在他们下面用clear: both样式设置新的空div。

<div> 
 <div style="float: left; padding:8px; border: 1px solid black; color:#006BF2; width: 90px;">##TITLE##</div> 
 <div style="float: left; padding:8px; border: 1px solid black; color:#000000; text-align:left; ">##VALUE##</div>
 <div style="clear: both;"></div>
</div>

如何使用<div> </div>创建两列

2 个答案: