Question

请看我的DIV看起来如何：

http://www.tiikoni.com/tis/view/?id=c69669e

这是我DIV的代码：

 <div style="background-color:#99CCFF;white-space: nowrap">
     <hr>
     <p>
         <span STYLE="font-size:24; font-weight:bold; color: black">Site:</span>
         Downtown Denver DataCenter - CCODEN44 | 
         <span STYLE="font-size:24; font-weight:bold; color: black">Device:</span>  
         CCODEN44-ACME-RTR-1 | 
         <span STYLE="font-size:24; font-weight:bold; color: black">Interface:</span> 
         Wilmington DataCenter, DC  
         <a href="url">Print</a> 
         <hr>
     </p>
 </div>

我在寻找：我想将Print移动到布局的末尾。

Answer 1

你的布局错了。尝试将其分解为两个div，并使用css浮动技术来完成放置。绝对定位不会以不同的分辨率向上或向下缩放。

Answer 2

我建议您将“打印”放在另一个div中并将其对齐在右侧。所以试试这个：

<div style="background-color:#99CCFF;white-space: nowrap;">
<hr><p><div style="float: right;"><a href="url">Print</a></div><span STYLE="font-size:24; font-weight:bold; color: black">Site:</span> Downtown Denver DataCenter - CCODEN44 | <span STYLE="font-size:24; font-weight:bold; color: black">Device:</span> CCODEN44-ACME-RTR-1 | <span STYLE="font-size:24; font-weight:bold; color: black">Interface:</span> Wilmington DataCenter, DC  <hr></p>
</div>

将元素放置在DIV的末尾

2 个答案: