css中如何让hight=width

要让 CSS 中的高度（height）等于宽度（width），可以使用伪元素和 padding 百分比来实现。

以下是一个示例：

.square {
  position: relative;
  width: 100%;
}

.square::before {
  content: "";
  display: block;
  padding-top: 100%;
}

在上面的代码中，`.square` 是你要设置宽高相等的元素的类名或选择器。`width: 100%` 设置了元素的宽度为父元素的宽度。

`.square::before` 使用伪元素 `::before` 来创建一个占位符元素，使其与宽度相等。`content: ""` 设置伪元素的内容为空，并且 `display: block` 将其显示为块级元素。

`padding-top: 100%` 使用百分比单位设置了伪元素的顶部内边距，使其与宽度相等。由于内边距是相对于宽度计算的，因此设置为 100% 会使伪元素的高度与宽度相等。

这样，`.square` 元素的高度就与宽度相等了。你可以在这个 `.square` 元素内部添加其他内容，并且它的高度将保持与宽度的相等关系。

相关问题

在css中，width等于100%那么如何表达hight=wudth

在 CSS 中，如果你想要设置一个元素的高度（height）等于其宽度（width），可以使用 `padding-top` 或者 `padding-bottom` 属性来实现。

假设你有一个元素的宽度已经设置为 100%。你可以使用百分比单位（例如 100%）来设置 `padding-top` 或 `padding-bottom`，以使其与宽度相等。

以下是一个示例：

.square {
  width: 100%;
  padding-top: 100%; /* 使用百分比单位 */
  background-color: red;
}

在上面的代码中，`.square` 是你要设置宽高相等的元素的类名或选择器。 `width: 100%` 设置了元素的宽度为父元素的宽度。

`padding-top: 100%` 使用百分比单位设置了顶部内边距，使其与宽度相等。这样，元素的高度就与宽度相等了。

请注意，这种方法基于盒模型以及默认的 `box-sizing` 属性值（`content-box`）。如果你使用了其他的 `box-sizing` 值（例如 `border-box`），你可能需要进行适当的调整。

这个路径B:\VB测试\333 搜索这3个字段的内容"Hight=""","Width=""","Thickness=""" 显示在DataGridView1中 显示格式要"Hight="""*"Width="""*"Thickness=""" 用VB.NET做

首先，我们需要使用VB.NET的FileSystemObject类来遍历指定路径下的所有文件。然后，我们可以使用正则表达式来匹配和提取所需的字段内容。最后，将这些内容添加到DataGridView1中。

以下是实现这个功能的VB.NET代码：

Imports System.IO
Imports System.Text.RegularExpressions

Public Class Form1
    Private Sub Form1_Load(sender As Object, e As EventArgs) Handles MyBase.Load
        Dim folderPath As String = "B:\VB测试\333"
        Dim files As String() = Directory.GetFiles(folderPath, "*.*", SearchOption.AllDirectories)
        Dim dataGridView1 As New DataGridView()
        dataGridView1.ColumnCount = 3
        dataGridView1.RowCount = 0

        For Each file As String In files
            Dim content As String = File.ReadAllText(file)
            Dim matches As MatchCollection = Regex.Matches(content, "Hight=""(.*?)""")
            Dim hight As String = If(matches.Count > 0, matches(0).Groups(1).Value, "")

            matches = Regex.Matches(content, "Width=""(.*?)""")
            Dim width As String = If(matches.Count > 0, matches(0).Groups(1).Value, "")

            matches = Regex.Matches(content, "Thickness="""(.*?)""")
            Dim thickness As String = If(matches.Count > 0, matches(0).Groups(1).Value, "")

            dataGridView1.Rows.Add({hight, width, thickness})
        Next

        Me.Controls.Add(dataGridView1)
    End Sub
End Class

这段代码首先获取指定路径下的所有文件，然后使用正则表达式匹配和提取Hight、Width和Thickness字段的内容。将提取到的内容添加到DataGridView1中，并设置其列数为3。