2012-03-22 84 views
0

我有这个div在我的代码:改变一个类的div的大小?

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

现在,我可以用一个选择什么的说,带班验证,建议所有div应该只允许宽度100像素说?

我想:

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

奇怪的是,在div宽度的变化(我用萤火虫看),但DIV中的文本时结束的div不换行。少了什么东西?

谢谢!

+1

这是很基本的东西,你可以随处找到在互联网上。 – 2012-03-22 11:57:56

+0

是的,你可以。或者那不是你寻找的答案。更加详细一些。 – Silvermind 2012-03-22 11:58:53

+0

我给我的文章添加了更多信息 – EOB 2012-03-22 12:10:10

回答

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

问题在div的结束,你的文字没有包装,是因为你只需要输入纯文本。如果你不喜欢这样,你不会有任何问题:

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

这是小菜一碟!

.validation-advice { 
    width: 100px; 
} 
+0

这很奇怪,我添加了类,div真的改变了大小,我调试看到它。但div内的文本在div结束时仍然没有换行。我需要更多的CSS吗?我想通过使用宽度来控制文字环绕。 – EOB 2012-03-22 12:00:33

+0

这也会影响非div的 – Silvermind 2012-03-22 12:01:54

0

可能是您的div有显示:内联,试试这个:

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