关于html:按文本大小动态调整div

Resize dynamically div by text size

本问题已经有最佳答案,请猛点这里访问。

我想知道如何根据文本的宽度调整DIV的大小,避免浪费空间,使DIV保持压缩状态。例子:

默认大小

DIV应接受切割,例如:

期望尺寸

示例代码:

1
2
3
4
.linhaCodigo{
  background: #C0C0C0;
  position: relative;
}
1
2
3
4
5
6
7
8
              Cap 2 - Title
              <p align="left"><h4 align="left">Title 2:</h4>
                textexttexttexttexttexttexttexttexttexttexttexttext
             
</p>
               print("I like it!")
                Outup:
                I like it!


将CSS更改为:

1
2
3
4
5
.linhaCodigo{
  background: #C0C0C0;
  position: relative;
  display: inline-block;
}

试试这个

1
2
3
.myclassDiv{
   display: inline-block;
 }