Question

是否有任何可以移动的CSS属性＆＃34; Paul D Kelly＆＃34;会员面前。我有这个要求，我不能在任何其他DIV中添加任何属性，而不是Paul D Kelly Span的父div。我尝试了几个显示值，但只有当我在会员和Paul D Kelly div上显示：inline-block时，它们排成一行，但我想通过添加属性来找到一种方法来使它们排成一行Paul D Kelly DIV。

＆＃13;

<div style="position:absolute; top:17.8pt; left:40.8pt; width:223.8pt; height:54pt; border:0pt solid black;border:1px solid red">
    
    
<div style="position:relative;width:62pt;height:15.25pt; line-height:0.5;">
<span style="white-space:pre-wrap; line-height:12pt; font:normal 10pt Helvetica; color:rgb(0,0,0)">Member:</span>
</div> 

<div style=" position:relative; left:2.16pt;width:92pt;height:12pt; line-height:0.5;">
<span style="white-space:pre-wrap; line-height:12pt; font:normal 10pt Helvetica; color:rgb(0,0,0)">PAUL D KELLEY</span>
</div> 
    
    
</div>

＆＃13;

Answer 1

您可以使用display:flex或display:inline-flex

检查jsfiddle：

http://jsfiddle.net/swapnilmotewar/p8nf67d5/

Answer 2

您在父div上使用display:flex或display:inline-flex

和

另一种情况是将float:left添加到两个子div

Answer 3

为具有textPAUL D KELLEY的span的直接父级添加top: -19px;left: 63px;

http://jsfiddle.net/swapnilmotewar/p8nf67d5/5/

Answer 4

试试这个..

<div style="position:absolute; top:17.8pt; left:40.8pt; width:223.8pt; height:54pt; border:0pt solid black;border:1px solid red">


    <div style="position: relative; width: 62pt; height: 15.25pt; line-height: 0.5; display: inline;">
    <span style="white-space:pre-wrap; line-height:12pt; font:normal 10pt Helvetica; color:rgb(0,0,0)">Member:</span>
    </div> 

    <div style="position: relative; left: 2.16pt; width: 92pt; height: 12pt; line-height: 0.5; display: inline-block;">
    <span style="white-space: pre-wrap; font: 10pt Helvetica; color: rgb(0, 0, 0); display: inline-block ! important;">PAUL D KELLEY</span>
    </div> 


    </div>

Answer 5

...我不能在除父div之外的任何其他DIV中添加任何属性 Paul D Kelly Span ......

假设您无法更改任何其他内容，在这种情况下，您唯一的选择是相对移动div等于div之前的高度并给它{{1属性大致等于您期望标签的left：

width

<强> 段：

position:relative; top: -15.15pt; left: 62pt;

小提琴：http://jsfiddle.net/abhitalks/bmmey9pc/5/

注意 ：如果您可以将内联样式移动到外部引用的样式表，那会更好。这将使您能够使用类并重用样式，并保持代码清洁。

将DIV向上移动一行

5 个答案: