如何将浏览器中显示的文字包装为 浏览器的宽度或指定的宽度,以较小者为准?
我一直在<table width='850'>
中放置文本以包裹特定点,因此如果用户在巨大的监视器上最大化浏览器,则整个段落不适合单行。但是当用户使浏览器超窄时,上述方法使文本携带在可视区域的边缘上。不是我想要的。
所以,我正在寻找更好的方法。
哦,也许我应该补充一点,我的页面非常简单。它们的左侧或右侧没有横幅。只是文本和图像占据了浏览器左边框到右边的空间。无聊的东西。
编辑 - 我接受了答案,但在使用Internet Explorer时,我确实发现了一个问题(以及似乎有效的解决方案)和接受的答案。我花了半个小时试图让最大宽度工作,但事实并非如此。其他所有风格的房产都很好。然后我发现这个http://svendtofte.com/code/max_width_in_ie表示我必须使用以下内容来使最大宽度在IE中工作,它确实:p {width:expression(400 +“px”); }。我不明白为什么小提琴示例在IE上使用max-width,但不是我的页面。也许这是因为我在我的html页面中包含了我的CSS?
答案 0 :(得分:2)
您可以在css中设置max-width
属性。
这样,页面将扩展到某个点,然后不再显示。
示例:
.mainDiv{
max-width:700px;
}
工作示例:http://jsfiddle.net/Pa5JG/
有关max-width
的更多信息:http://reference.sitepoint.com/css/max-width
答案 1 :(得分:1)
只需使用max-width
即可。请参阅this fiddle。