Question

请注意，我是wordpress的新手，如果我问的是格式错误的问题或遗漏了详细信息，请事先道歉。我将跟进您需要作为答题人的任何事情。

问题：我的图片溢出了div，容器等？（我也是CSS的新手）。这是图片：

我希望它适合图像。另请注意，当鼠标悬停在该图像上时，该图像会显示另一个图像。奇怪的是，该图像没有调整大小的问题。我尝试了多种解决方案，包括。

private void playersListBox_SelectedIndexChanged(object sender, EventArgs e)
    {
        try
        {
            string filename = @"C:\Users\nicho\Documents\nicholas2ndyearproject\database.sqlite";
            var conn = new SQLiteConnection("Data Source=" + filename + ";Version=3;");
            {
                using (SQLiteCommand cmd = new SQLiteCommand("SELECT player_name, Player_Attributes.sprint_speed FROM Player JOIN Player_Attributes ON Player.player_api_id = Player_Attributes.player_api_id;"))
                {
                    cmd.CommandType = CommandType.Text;
                    cmd.Connection = conn;
                    conn.Open();
                    cmd.Parameters.AddWithValue("@player_api_id", playersListBox.SelectedValue);
                    SQLiteDataReader reader = cmd.ExecuteReader();
                    if (reader.Read())
                    {
                        txtRating.Text = reader["rating"].ToString();
                    }
                    conn.Close();
                }
            }
        }
        catch (Exception)
        {
            throw;
        }
    }

而且我尝试在媒体页面中编辑图像尺寸。问题的一部分是它是一个自定义主题。而且，自定义主题在自定义CSS上很难使用（或者，据我所知）。非常感谢对此事的任何建议。如果您有更多详细信息，请告诉我。

Answer 1

您缺少分号。请添加更多代码，以便其他人看到您格式化图像的方式。

img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

最好制作一个div，然后将图像作为容器放置在其中。

img {
        max-width: 100%;
}
    
.imagecontainer {
      width 50%;
      margin-left: auto;
      margin-right: auto;
}

.imagewrapper {
      width 100%;
}

<div class="imagewrapper">
<div class="imagecontainer">
<img src="https://i.stack.imgur.com/olSLV.png">
</div>
</div>

Answer 2

不需要自定义CSS。图像本身的格式实际上不正确。我没有选择该选项，因为我对自己说：“不可能是那样。”对于尝试过一切的人来说，这可能是一个答案。

如何在自定义Wordpress主题中调整一个特定图像的大小？

3 个答案: