作者:xiaomanni521125655 | 来源:互联网 | 2023-01-28 15:08
我正在尝试创建一个包含图像的网页。但是,我希望所有图像都具有相同的大小和格式。我有以下CSS类适用于div并居中并调整图像大小:
.img-container {
border: thin solid #C4C4C4;
border-radius: 10px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}
但是,我的图像在整个页面中将具有不同的尺寸。因此,我想为高度和宽度设置单独的类,如下所示:
.200-200 {
width: 200px;
height: 200px;
}
当我将这两个类都应用于div时,如下所示:
高度和宽度似乎不适用。我有什么办法可以将这些类分开?
1> 小智..:
对于以数字开头的课程,您需要编写
.\32 00-200 {
width: 200px;
height: 200px;
}
您可能要避免这样做。
的\32
表示数字“2”。后面的空格必须终止转义序列。
其原因是“ CSS标识符”可能不以数字开头。在CSS中,选择器中使用的类名称被视为“ CSS标识符”。因此,必须以上面显示的方式对开头的数字进行转义。请注意,从HTML角度来看,类名没有任何限制,除了它们可能不包含空格。因此,只要您愿意弄清楚如何在CSS文件中以转义的形式编写代码,就可以编写。
有关更多信息,请参阅建议重复的问题。
推荐阅读
-
本文将详细介绍HTML5中新增的字符集属性charset和defaultCharset,帮助开发者更好地理解和应用这些属性,以确保网页在不同环境下的正确显示。 ...
[详细]
蜡笔小新 2024-11-13 11:09:46
-
本文详细介绍如何使用 Python 进行数据可视化,涵盖从环境搭建到具体实例的全过程。 ...
[详细]
蜡笔小新 2024-11-13 06:03:30
-
-
本文详细介绍了如何解决DNS服务器配置转发无法解析的问题,包括编辑主配置文件和重启域名服务的具体步骤。 ...
[详细]
蜡笔小新 2024-11-13 02:41:19
-
jqTransform 是由 DFC Engineering 开发的一款 jQuery 插件,专用于美化表单元素,操作简便,能够美化包括输入框、单选按钮、多行文本域、下拉选择框和复选框在内的所有表单元素。 ...
[详细]
蜡笔小新 2024-11-12 22:29:28
-
本文详细介绍了从用户在浏览器中输入一个域名(如www.yy.com)到页面完全展示的整个过程,包括DNS解析、TCP连接、请求响应等多个步骤。 ...
[详细]
蜡笔小新 2024-11-12 18:13:16
-
当页面内容超出显示范围时,为了提升用户体验和页面美观,通常会添加滚动条。如果默认的浏览器滚动条无法满足设计需求,我们可以自定义一个符合要求的滚动条。本文将详细介绍自定义滚动条的实现过程。 ...
[详细]
蜡笔小新 2024-11-12 17:12:24
-
微软近期发布了Windows Terminal Preview v0.10,用户可以在微软商店或GitHub上获取这一更新。该版本在2月份发布的v0.9基础上,新增了鼠标输入和复制Pane等功能。 ...
[详细]
蜡笔小新 2024-11-12 16:15:56
-
Framework7 是一个开源免费的框架,适用于开发混合移动应用(原生与HTML混合)或iOS&Android风格的Web应用。此外,它还可以作为原型开发工具,帮助开发者快速创建应用原型。 ...
[详细]
蜡笔小新 2024-11-12 14:47:56
-
本文介绍了如何使用 CMD 批处理脚本进行文件操作,包括将指定目录下的 PHP 文件重命名为 HTML 文件,并将这些文件复制到另一个目录。 ...
[详细]
蜡笔小新 2024-11-12 14:26:04
-
本文详细介绍了在使用Parallels Desktop时遇到错误15265的多种解决方案,包括检查网络连接、关闭代理服务器和修改主机文件等步骤。 ...
[详细]
蜡笔小新 2024-11-12 05:14:12
-
本文详细介绍了如何解决 Windows Server 2016 在使用无线网络 (WLAN) 和有线网络 (以太网) 时遇到的连接问题。包括添加必要的功能和安装正确的驱动程序。 ...
[详细]
蜡笔小新 2024-11-12 00:01:44
-
近日需要将PostgreSQL数据库从Windows中迁移到Linux中,LinuxCentOS7安装PostgreSQL9.5.17安装过程特此记录。安装环境 ...
[详细]
蜡笔小新 2024-11-12 22:05:03
-
本文主要介绍了如何在项目中使用Ext JS 4作为前端框架,并详细讲解了Ext JS 4的MVC开发模式。文章将从项目目录结构、相关CSS和JS文件的引用以及MVC框架的整体认识三个方面进行总结。 ...
[详细]
蜡笔小新 2024-11-12 16:05:44
-
两个条件,组合控制#if($query_string~*modviewthread&t(&extra(.*)))?$)#{#set$itid$1;#rewrite^ ...
[详细]
蜡笔小新 2024-11-12 13:55:01
-
本文详细介绍了DMA控制器如何通过映射表处理来自外设的请求,包括映射表的设计和实现方法。 ...
[详细]
蜡笔小新 2024-11-12 13:51:55
-
xiaomanni521125655
这个家伙很懒,什么也没留下!