Question

我在3 frames in this codepen工作，其中框架就像结构基础形状。我正在通过preset classes重置3个元素button input dense对每个元素进行测试。使用basic和plush框架的元素会完全垂直对齐，而plush框架则垂直未对齐。导致对齐差异的.frame-dense { border-image: none; border-radius: var(--radii-medium); border-style: solid; border-width: 1px; display: inline-block; min-height: 28px; padding: 3px 11px; } .frame-basic { border-image: none; border-radius: var(--radii-medium); border-style: solid; border-width: 1px; display: inline-block; min-height: 36px; padding: 7px 15px; } .frame-plush { border-image: none; border-radius: var(--radii-medium); border-style: solid; border-width: 1px; display: inline-block; min-height: 48px; padding: 11px 23px; }有什么不同？我需要添加哪些标准化对齐？

from google.cloud import bigquery

def query_named_params(corpus, min_word_count):
    client = bigquery.Client()
    query = """
        SELECT word, word_count
        FROM `bigquery-public-data.samples.shakespeare`
        WHERE corpus = @corpus
        AND word_count >= @min_word_count
        ORDER BY word_count DESC;
        """
    query_params = [
        bigquery.ScalarQueryParameter('corpus', 'STRING', corpus),
        bigquery.ScalarQueryParameter(
            'min_word_count', 'INT64', min_word_count)
    ]
    job_config = bigquery.QueryJobConfig()
    job_config.use_legacy_sql = False
    job_config.query_parameters = query_params
    query_job = client.query(query, job_config=job_config)

    query_job.result()  # Wait for job to complete

    # print the results.
    destination_table_ref = query_job.destination
    table = client.get_table(destination_table_ref)
    for row in client.list_rows(table):
        print(row.min_word_count)

Answer 1

尝试将.frame-plush的顶部/底部填充更改为13px而不是11px，如下所示：

.frame-plush {
  border-image: none;
  border-radius: var(--radii-medium);
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  min-height: 48px;
  padding: 13px 23px;
}

毛绒框架不对齐

1 个答案: