用类改变div的大小？

Question

我的代码中有这个div：

<div id="advice" class="validation-advice" style="">some text here</div>

现在，我可以使用选择器或其他东西来说明所有具有类 validation-advice 的div应该只有宽度为100px吗？

我试过了：

div.validation-advice{
   width:100px;
}

奇怪的是，div宽度发生了变化（我使用了Firebug来查看）但div中的文本在div结束时不会换行。什么不见​​了？

谢谢！

Answer 1

div.validation-advice{
  width:100px;
}

你的文字没有包装在div的末尾的问题是因为你只输入纯文本。如果你这样做你没有问题：

<div class="validation-advice">
  <p>Your text here</p>
</div>

Answer 2

这是小菜一碟！

.validation-advice {
    width: 100px;
}

Answer 3

可能你的div显示：内联，试试这个：

div.validation-advice{
  display: block;
  width:100px;
}