如何設置兩個段落到最左邊兩段非常右側段落嵌套在一個DIV

-12

Lorem存有胡蘿蔔，增強回扣，但他們occaecat如何設置兩個段落到最左邊兩段非常右側段落嵌套在一個DIV

Lorem存有疼痛胡蘿蔔，增強回扣，但他們occaecat

Lorem存有胡蘿蔔，增強回扣，但他們occaecat

來源

2016-01-05 decode

查找如何「位置：親屬」，「浮動：左」和「浮動：正確的」工作 – durbnpoisn

@durbnpoisn 1井是的，但你打我給它要去職。關於唯一的選擇被稱爲「顯示：inline-block的」，並與一些便利貼魔法設置寬度。 – abluejelly

這是相當不清楚你問這裏到底是什麼。請出示你已經嘗試過任何工作，哪些沒有工作或它是什麼，你不明白。你寫純HTML？例如如果你正在使用類似的引導，則解決方案可能是不同的（即使用列） – fionaredmond

下面是你在你的代碼去什麼的簡化版本。你失蹤

.advantages p { 
    width: 45%; 
    float: left; 
    border: dashed 1px red; 
} 

.advantages p:nth-child(even) { 
    float: right; 
}

一件事是設置段落的寬度。事情看起來有點傻傻的，當文本的段落中的線是不同的，但是這是（一）回答你的問題。

小提琴：https://jsfiddle.net/stgermaniac/wa1w319z/

來源

2016-01-05 20:56:37

<div class="advantages"> 


<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod</p> 
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod</p> 
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod</p> 
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod</p> 

</div 


    .advantages p { 
     display: inline-block; 
     padding-top:10px; 
     padding-bottom:10px; 
     padding-right: 3px; 

    } 

    .advantages p:nth-child(3){ 
     position: relative; 
     left:550px; 
     top:-20px; 
    } 


    .advantages p:nth-child(5){ 
     position: relative; 
     left:550px; 
     top:-20px; 
     width: 80%; 
    }

這是我做過到目前爲止

來源

2016-01-05 20:46:04 decode

如何設置兩個段落到最左邊兩段非常右側段落嵌套在一個DIV

回答

相關問題