html - 按文本大小动态调整 div 大小

Question

我想知道如何根据文本的宽度调整 div 的大小，避免浪费空间，让 div 被压缩。例子：

默认尺寸

该 div 应该收到一个削减，例如：

所需尺寸

示例代码：

.linhaCodigo{
  background: #C0C0C0;
  position: relative;
}

<div class="conteudo2">
              <h3>Cap 2 - Title</h3>
              <p align="left"><h4 align="left"><b>Title 2:</b></h4>
                textexttexttexttexttexttexttexttexttexttexttexttext
              </p>
              <div class="linhaCodigo"> print("I like it!")<br>
                <b>Outup:</b><br>
                I like it!
              </div><br>
            </div>

标签： htmlcss

Answer 1

尝试这个

.myclassDiv{
   display: inline-block;
 }