简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home> Web Front-end> HTML Tutorial> body text

容器内的文本换行后的自动宽度_html/css_WEB-ITnose

WBOY
Release： 2016-06-24 12:11:26
Original
926 people have browsed it

最近遇到一个这样的问题，
在一个限制max-width的容器内，当内部文本不够长时，容器的宽度能自动适应，但当文本长到换行时，容器的宽度则不能自动适应。
有没有朋友能帮忙看一下这么问题，要求是，最要不要动现在的样式，因为这些样式是公用的，最后是写些覆盖的样式。谢谢。附上提取的代码，方便大家直接调试的。

IE上看不到这个问题，Firefox等标准浏览器能看到这个问题。

 
  Seulement 2 chambres restantes
 à ce prix  



 
  Seulement 2 cham
 à ce prix
Copy after login


回复讨论(解决方案)

我在IE和firefox下试了试，结果相同

第一次遇到这个问题，
我觉得是这样的，
如果超过了max-width，那么容器的width就是 max-width所定义的宽度了，所以就不能自动适应了。


大家来讨论下。

IE与Firefox下的结果是不同的，IE8以下因为不识别max-width，所以再长的文本都只会一行显示出来，不会分行。

真没有办法吗？

支撑一下。。。

Related labels：
容器内的文本换行后的自动宽度
source：php.cn
Previous article：几个小问题_html/css_WEB-ITnose Next article：开发网站为每一个页面做一个js文件这样合理吗？怎么样才算合理啊？_html/css_WEB-ITnose
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Font scaling based on container size I'm having a hard time understanding the font scaling issue. I currently have a website wi...
From 2023-10-08 21:42:41
0
2
231
Add a line from the end of the title text to the end of the container I use this CSS to draw a line from the end of the title text to the end of the container: ...
From 2023-09-15 19:42:56
0
1
207
How to float only the second div to the right in a container and wrap the first div if it is too long I have rows containing text and data. The text box must be aligned to the left and text-al...
From 2023-09-15 12:28:31
0
1
331
Why when vertically aligning a button element in a div, the element has more vertical space than defined by CSS margins? I have a work in progress page on this site and I thought the hardest part of this page wo...
From 2023-09-14 18:49:41
0
2
252
Re-title: fixed div columns and remaining width I'm trying to create a 5 column layout where all columns are the full height of the browse...
From 2023-09-14 17:17:47
0
1
299
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！