Question

我在Dreamweaver中将文本排列在div标签内时遇到问题。我有我的页面主体的标签，我想自由地放置文本;无论我想要什么，但Dreamweaver不允许我这样做。当我单击div中的tab时它不起作用。无论我做什么，我都会在我的话语之间留出一个空格。例如，我想按以下方式安排我的文本：

请点击项目了解详情：

Item_one Item_two Item_three Item_four Item_five

Item_six Item_seven Item_eight Item_nine Itme_ten

由于

Answer 1

您正在寻找的内容可能与此类似：

<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。使用无序列表更容易，并根据项目需要设置样式。

希望它有所帮助！

Answer 2

实现这一目标的最简单方法是对每个项目使用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有足够的空间让div显示在一条线上时，它才会起作用;否则，你不会看到任何效果。

希望这会有所帮助。

Dreamweaver CS6中div标签内的文本位置

2 个答案: