css - 根据尺寸不同显示图像
问题描述
是否可以根据图像的大小对图像应用不同的样式。我想显示小图像display: inline和大图像display: block。
在简单的场景中，我有两个图像small.png（10x10px）和big.png（200x200px）。我想对这两个图像应用不同的样式。
small.png应与文本内联显示 ( display: inline)
big.png应显示在单独的行 ( display: block)
在现实世界中会有很多图像，我不知道它们的大小。
是否可以仅使用 html/css 来实现？
解决方案
推荐阅读
- node.js - docker的nodemon错误（找不到模块'pstree.remy）
- flutter - Flutter 可注入的只有工厂方法可以有参数
- azure - 标记为未定义的 Azure Pipeline Secret 环境变量
- python - 需要带有请求的 cookie 的网页抓取页面
- c# - BackgroundWorker 仅在完成时报告进度
- firebase - Cloud_Firestore 包颤振/没有调试控制台错误
- python - 为什么 itertools.cycle() 函数使用最大内存？
- angular - 等待 Observable 完成
- ruby - 如何使用 webmock gem 在 Ruby 中模拟 POST 请求？
- unit-testing - 如何对使用 ACL 控件的 Hyperledger Fabric Go 链码执行单元测试？