Dreamweaver中的div標籤中的文本位置CS6

我在Dreamweaver中的div標籤內安排文本時遇到問題。我爲我的頁面的主體添加了標籤，並且我想自由地放置文本;無論我想要什麼，但Dreamweaver不允許我這樣做。當我點擊div內的標籤時，它不起作用。無論我做什麼，我都會在我的單詞之間留出一個空格。例如，我要安排我通過以下方式文本：Dreamweaver中的div標籤中的文本位置CS6

請點擊物品細節：

Item_one Item_two Item_three Item_four Item_five

Item_six Item_seven Item_eight Item_nine Itme_ten

感謝

來源

2014-11-05 user3723326

你在找什麼，可能看起來與此類似：

<div> 
    <ul> 
    <li>Item 1</li> 
    <li>Item 2</li> 
    <li>Item 3</li> 
    <li>Item 4</li> 
    <li>Item 5</li> 
    <br /> 
    <li>Item 6</li> 
    <li>Item 7</li> 
    <li>Item 8</li> 
    <li>Item 9</li> 
    <li>Item 10</li> 
    </ul> 
</div>

這是CSS：

ul li { 
    list-style: none; 
    display: inline-block; 
}

不建議使用一個div您所創建的每一個元素。根據您的項目需要，使用無序列表並對其進行設置會更容易。

希望它能幫助！

來源

2014-11-05 04:51:27 Paul

最簡單的方法是使用display: inline-block爲每個項目。像這樣：

<div style="width: 100%"> 
<div style="display: inline-block">Item_one</div> 
<div style="display: inline-block">Item_two</div> 
</div> 
<div style="width: 100%"> 
<div style="display: inline-block">Item_four</div> 
<div style="display: inline-block">Item_six</div> 
</div>

等，請做筆記，如果有足夠的空間div來排成一行顯示，它本身將只工作;否則，你不會看到任何效果。

希望這會有所幫助。

來源

2014-11-05 02:28:45

Dreamweaver中的div標籤中的文本位置CS6

回答

相關問題