如何用內聯顯示來包裝跨度文本以適合指定的寬度？

-2

我想要獲得一個跨度來包裝它的文本，以適應指定的寬度，同時與其對等元素內聯顯示。看起來，無論我嘗試文本如果太長，超出了我想讓它停下來，並且進入另一個元素的地方。如何用內聯顯示來包裝跨度文本以適合指定的寬度？

HTML：

<div class="LeftAdjustedText"> 
    <div class="FreeQuest"> 
     <span class="QuestText">We welcome any comments about your check-in experience</span><br> 
     <textarea cols="50" rows="5" maxlength="2000"></textarea> 
     <div><span class="QuestText CommentMaxLen">2000</span> </div> 
    </div> 
</div>

CSS：

.LeftAdjustedText .FreeQuest{ 
    display: inline; 
} 

.LeftAdjustedText .FreeQuest span{ 
    width: 466px; 
}

來源

2016-10-15 neogeek23

'width'對跨度等內聯元素沒有影響。目前還不清楚你想要做什麼。 –

製造HTML和CSS一些變化，請大家看看link`

<div class="FreeQuest"> 
     <span class="QuestText">We welcome any comments about your check-in experience</span><br> 
     <textarea cols="50" rows="5" maxlength="2000"></textarea> 
     <div><span class="CommentMaxLen">20000000000000000000000000000000000000000000000000000000</span> </div> 
    </div> 
</div> 

.LeftAdjustedText .FreeQuest{ 
    float:left; 
    width:100%; 
} 
.QuestText { 
    float:left; 
    width:100%; 
} 
.LeftAdjustedText .FreeQuest span.CommentMaxLen{ 
    max-width: 400px; 
    width: 70px; 
    word-wrap: break-word; 
    float:left; 
}

來源

2016-10-16 05:16:41 Ash

如何用內聯顯示來包裝跨度文本以適合指定的寬度？

回答

相關問題