首页 > 试题广场 >

执行以下代码，如果想让div元素的宽度由文本撑起，并且文本只

[单选题]

执行以下代码，如果想让div元素的宽度由文本撑起，并且文本只在一行显示，哪怕最终div宽度溢出外部容器，则①式应为（）

<style>
  section {
    width: 200px;  
    height: 200px;
  }
  div {
    width:①;
  }
</style>
<section>
  <div>这是一段很长很长很长的div文本</div>
</section>

```
stretch
```
```
min-content
```
```
max-content
```
```
fit-content
```

查看正确选项

DRZv

<!DOCTYPE html> <html> <head> <title>max-content 示例</title> <style> .container { width: 200px; /* 外部容器宽度固定为200px */ border: 1px solid #000; margin: 10px 0; } .content-max { width: max-content; /* 元素宽度由内容决定 */ background: #f0f0f0; } .content-normal { background: #e0e0e0; /* 未设置特殊宽度，默认自适应容器 */ } </style> </head> <body>  <div class="container"> <div class="content-max">这是一段不会换行的长文本，宽度由内容本身决定</div> </div>  <div class="container"> <div class="content-normal">这是默认宽度的文本，会自适应容器宽度并换行</div> </div>  <div class="container"> <div class="content-max"> <span style="display: inline-block; width: 80px; height: 30px; background: red;"></span> <span style="display: inline-block; width: 100px; height: 30px; background: blue;"></span> </div> </div> </body> </html>

编辑于 2025-10-28 22:59:17 回复(0)