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

Question

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

请点击元素查看详情:

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。使用无序列表并根据您的元素需要设置样式会更容易。

希望对您有所帮助!