在 - 源码之家

问题描述：

我写了下面的HTML/CSS和现在要去tumbletweend调整紫外线指数在

<!-- Page Content --> 
    <div class="container"> 
     <div class="row"> 
<div class="well" id="container1"> 
<button class="btn btn-sm btn-primary" id="togOutBtn">Hide Outdoors</button> 
<fieldset class="outdoor" style="display: none;"> 
    <legend id="location">Loading.</legend> 

    <a href="#" onclick="waterPlant1()" class="btn btn-default btn-circle"><i class="fa"><br>Water<br>the<br>plant</i></a> 
    <div id="uvIndex" style="width:300px; margin:0 auto;" class="divTableHead">UV Index</div> 
    <div id="Outtemp" class="label label-primary"></div><br> 
    <div id="Outhumid" class="label label-default"></div><br> 
    <div id="dewPoint" class="label label-primary"></div><br> 
    <div id="OutheadIndex" class="label label-default"></div>

这是导致

其他的div和锚标签中间对齐一个div

我想要的是在中间对齐的div索引div，它们在右侧显示为左下方的蓝灰色和锚标签。

从该div取掉'margin：0 auto'。这就是它导致它集中的原因。 – JakeParis

是否要将UV索引块对齐到左侧或其他元素居中？您可以创建一个简单的小提琴，以便更好地理解，甚至快速响应。 – Siva

答

尝试制作一个包含信息的大分区并使用'display：inline;“的大格和UV DIV：

<div id="infodiv" style="display:inline;"> 
    <div id="Outtemp" class="label label-primary"></div><br> 
    <div id="Outhumid" class="label label-default"></div><br> 
    <div id="dewPoint" class="label label-primary"></div><br> 
    <div id="OutheadIndex" class="label label-default"></div> 
</div> 
<div id="uvIndex" style="display:inline; width:300px; margin:0 auto;" class="divTableHead">UV Index</div>

圆形按钮“浇水植物”怎么办？ –

@Ciastopiekarz同样的东西，应用显示：内联;也对它。 –

答

我觉得这是方便的解决方案：

<!-- Page Content --> 
    <div class="container"> 
     <div class="row"> 
<div class="well" id="container1"> 
<button class="btn btn-sm btn-primary" id="togOutBtn">Hide Outdoors</button> 
<fieldset class="outdoor" style="display: none;"> 
    <legend id="location">Loading.</legend> 
    <table style="width: 100%;"> 
    <tr style="vertical-align:top;"> 
     <td> 
     <div id="Outtemp" class="label label-primary"></div><br> 
    <div id="Outhumid" class="label label-default"></div><br> 
    <div id="dewPoint" class="label label-primary"></div><br> 
    <div id="OutheadIndex" class="label label-default"></div> 
     </td> 
     <td> 
     <div id="uvIndex">Loading UV index.</div> 
     </td> 
     <td> 
      <a href="#" onclick="waterPlant1()" class="btn btn-default btn-circle"><i class="fa"><br>Water<br>the<br>plant</i></a> 
     </td> 
    </tr> 
    </table>

不知道为什么网络世界正在远离的形式表。

在

相关推荐