ExtJS是一个流行的JavaScript框架，用于构建交互式Web应用程序。其中一种常用的布局技术是Fit布局。Fit布局是一种基于flex布局的布局技术，它允许开发人员将文本、表格和图表等元素居中，并且可以根据需要调整其大小。在本文中，我们将介绍如何使用 ExtJS 4 中的 Fit 布局来创建一个简单而美观的用户界面。

首先，我们需要添加 ExtJS 4 的 CSS 样式到我们的 HTML 文件中。以下是一个简单的示例：

```

```

接下来，我们需要添加 ExtJS 4 的布局类。在 HTML 文件中，我们将添加以下代码：

```

```

在这个示例中，我们使用了 ExtJS 4 中的 container 类来创建一个容器，并将其设置为 class="47be0029801ba74a container"。我们使用 text-left 和 text-center 类来将文本和标题居中。我们使用 fit-container 类来创建一个 Fit 布局容器，并将其设置为 class="fit-container"。在这个容器中，我们使用 h2 和 p 元素来创建文本和段落。

现在，我们需要在 JavaScript 中实现 Fit 布局。在 HTML 文件中，我们将添加以下代码：

```

```

在这个示例中，我们创建了一个 container 类来创建一个容器，并将其设置为 class="d8edfcba778b54b6 container"。我们还创建了三个文本元素和一个段落元素，并将其添加到容器中。然后，我们使用 Ext.create 函数来创建一个 Fit 布局容器，并将其设置为 class="fit-container"。我们还使用 Ext.getBody() 函数来获取当前元素的渲染上下文，并将其设置为 class="fit-container"。最后，我们使用 Ext.create 函数来创建三个文本元素和一个段落元素，并将其添加到容器中。

现在，我们需要将文本和段落元素添加到容器中。在 HTML 文件中，我们将添加以下代码：

```

```

在这个示例中，我们使用 Ext.create 函数来创建文本和段落元素，并将其添加到容器中。

现在，我们运行这个代码，