我在某处读到过,<img>元素的行为两者都是一样的.如果是正确的,请问有没有人能举例说明一下?
<img>
的确,它们都是——或者更准确地说,它们都是"内联块"元素.这意味着它们像文本一样内联流动,但也有像块元素一样的宽度和高度.
在CSS中,您可以将元素设置为display: inline-block,使其复制图像的行为*.
display: inline-block
图像和对象也称为"替换"元素,因为它们本身没有内容,所以该元素基本上由二进制数据替换.
*请注意,浏览器在技术上使用display: inline(如开发人员工具中所示),但它们会对图像进行特殊处理.他们仍然遵循inline-block的所有特征.
display: inline
inline-block
从0开始学微服务 -〔胡忠想〕
零基础学Java -〔臧萌〕
高并发系统设计40问 -〔唐扬〕
DDD实战课 -〔欧创新〕
现代C++编程实战 -〔吴咏炜〕
系统性能调优必知必会 -〔陶辉〕
Go 并发编程实战课 -〔晁岳攀(鸟窝)〕
手机摄影 -〔@随你们去〕
容量保障核心技术与实战 -〔吴骏龙〕
业务开发算法50讲 -〔黄清昊〕
大厂设计进阶实战课 -〔小乔〕
LangChain 实战课 -〔黄佳〕
无涯教程 - Perl教程
无涯教程 - Clojure教程
无涯教程 - Dart教程
无涯教程 - Tcl/Tk教程
无涯教程 - Erlang教程
无涯教程 - Rust教程
无涯教程 - GraphQL教程
无涯教程 - 设计模式教程