c++如何创建和使用动态库_c++动态链接库.so/.dll制作与使用

C++中创建和使用动态库需定义接口、实现功能、编译为.dll或.so文件,并在主程序中隐式链接或显式加载;通过extern “C”避免名称修饰,用CMake实现跨平台构建,规避ABI不兼容与内存管理问题。

c++如何创建和使用动态库_c++动态链接库.so/.dll制作与使用

C++中创建和使用动态库,简单来说,就是把一部分代码编译成一个独立的文件(在Windows上是

.dll

,Linux上是

.so

),这个文件在程序运行时才会被加载。这样做的好处显而易见:模块化、代码复用、减少主程序体积,甚至还能实现热更新。它就像是给你的程序配备了一套可插拔的工具箱,用的时候再拿出来,不用的时候就放在一边,不占地方。

解决方案

要创建和使用C++动态库,我们通常会经历几个步骤:定义接口、实现功能、编译库文件,最后在主程序中链接或加载。这中间有很多细节,我通常会这么操作:

1. 定义库的接口(头文件)

这是库的“门面”,告诉使用者库里有哪些功能。我会创建一个头文件,比如

mylibrary.h

立即学习“C++免费学习笔记(深入)”;

// mylibrary.h#pragma once // 确保头文件只被包含一次#ifdef _WIN32    #ifdef MYLIBRARY_EXPORTS        #define MYLIBRARY_API __declspec(dllexport) // 导出符号    #else        #define MYLIBRARY_API __declspec(dllimport) // 导入符号    #endif#else // Linux/macOS    #define MYLIBRARY_API __attribute__((visibility("default"))) // 导出符号#endif// 这是一个简单的加法函数extern "C" MYLIBRARY_API int add(int a, int b);// 这是一个C++类示例,如果需要导出类,可能会复杂一些class MYLIBRARY_API MyClass {public:    MyClass();    void greet();    // 注意:导出C++类时,其所有公共成员函数和数据成员都需要被导出,    // 并且要考虑ABI兼容性,这有时是个大坑。};

这里

extern "C"

是一个关键点,它告诉编译器使用C语言的函数命名和调用约定,这能极大地提高跨语言和跨编译器之间的兼容性,避免C++特有的名称修饰(name mangling)带来的麻烦。对于C++类,情况会复杂很多,因为C++的ABI(应用程序二进制接口)在不同编译器和版本间差异很大,所以很多时候,为了稳定性和兼容性,动态库会选择导出C风格的接口来封装C++对象。

2. 实现库的功能(源文件)

接着,我会编写

mylibrary.cpp

来实现

mylibrary.h

中声明的函数和类。

// mylibrary.cpp#define MYLIBRARY_EXPORTS // 在编译库时定义,表示要导出符号#include "mylibrary.h"#include int add(int a, int b) {    return a + b;}MyClass::MyClass() {    std::cout << "MyClass constructor called." << std::endl;}void MyClass::greet() {    std::cout << "Hello from MyClass in dynamic library!" << std::endl;}

3. 编译动态库

这步是核心,将源文件编译成

.dll

.so

文件。

Linux (使用g++)

g++ -shared -fPIC -o libmylibrary.so mylibrary.cpp# -shared 告诉g++生成一个共享库# -fPIC (Position Independent Code) 是生成位置无关代码,这是共享库的必要条件# -o libmylibrary.so 指定输出文件名为libmylibrary.so

生成

libmylibrary.so

Windows (使用g++,如果你用MinGW)

g++ -shared -o mylibrary.dll mylibrary.cpp -Wl,--out-implib,libmylibrary.a# -shared 告诉g++生成一个共享库# -o mylibrary.dll 指定输出文件名为mylibrary.dll# -Wl,--out-implib,libmylibrary.a 告诉链接器同时生成一个导入库(.lib或.a),# 应用程序链接时需要用到这个导入库。

生成

mylibrary.dll

libmylibrary.a

Windows (使用MSVC)通常在Visual Studio中创建一个DLL项目,它会自动处理这些细节。命令行的话,大致是:

cl /LD mylibrary.cpp# /LD 选项用于生成DLL

这会生成

mylibrary.dll

mylibrary.lib

4. 使用动态库

使用动态库有两种主要方式:隐式链接(compile-time linking)和显式加载(runtime loading)。

隐式链接(推荐用于已知依赖)这是最常见的方式,你的程序在编译时就知道它需要这个库。

// main.cpp#include "mylibrary.h" // 包含库的头文件#include int main() {    std::cout << "Using add function from dynamic library: " << add(5, 3) << std::endl;    MyClass obj;    obj.greet();    return 0;}

Linux 编译和运行

g++ main.cpp -L. -lmylibrary -o myapp# -L. 告诉链接器在当前目录查找库文件# -lmylibrary 告诉链接器链接libmylibrary.so# -o myapp 指定输出可执行文件名为myapp# 运行前,需要让系统找到libmylibrary.so。# 最简单的方法是将其复制到系统库路径(如/usr/local/lib),# 或者设置LD_LIBRARY_PATH环境变量:export LD_LIBRARY_PATH=.:$LD_LIBRARY_PATH./myapp

Windows 编译和运行 (使用g++)

g++ main.cpp -L. -lmylibrary -o myapp.exe# -L. 告诉链接器在当前目录查找导入库libmylibrary.a# -lmylibrary 告诉链接器链接libmylibrary.a# 运行前,mylibrary.dll必须在myapp.exe同目录或系统PATH环境变量中。# 将mylibrary.dll复制到myapp.exe所在目录。./myapp.exe

显式加载(推荐用于插件系统或按需加载)这种方式更灵活,程序在运行时才决定是否加载某个库,甚至可以在运行时切换不同的库版本。这通常涉及平台特定的API。

// main_dynamic_load.cpp#include #ifdef _WIN32    #include #else    #include  // 用于Linux/macOS#endif// 定义函数指针类型,匹配库中函数的签名typedef int (*AddFunc)(int, int);typedef void (*GreetFunc)(void*); // 如果MyClass::greet是非静态成员函数,需要传入this指针int main() {    #ifdef _WIN32        HMODULE hLib = LoadLibrary("mylibrary.dll");        if (!hLib) {            std::cerr << "Failed to load mylibrary.dll" << std::endl;            return 1;        }        AddFunc add = (AddFunc)GetProcAddress(hLib, "add");        // 对于C++类,直接通过GetProcAddress获取成员函数指针非常复杂且不推荐,        // 通常会导出C风格的工厂函数来创建和销毁对象,以及C风格的包装函数来调用对象方法。        // 这里为了简化示例,我们假设MyClass::greet是一个C风格接口包装的函数        // 或者我们只导出C风格函数。        // 如果要调用MyClass的greet,我们可能需要一个C风格的包装函数:        // extern "C" MYLIBRARY_API void MyClass_create(MyClass** obj);        // extern "C" MYLIBRARY_API void MyClass_greet(MyClass* obj);        // extern "C" MYLIBRARY_API void MyClass_destroy(MyClass* obj);        // 然后通过GetProcAddress获取这些C风格函数。        // 鉴于示例的MyClass,这里就只演示add函数。        if (add) {            std::cout << "Dynamically loaded add function: " << add(10, 20) << std::endl;        } else {            std::cerr << "Failed to find 'add' function." << std::endl;        }        FreeLibrary(hLib);    #else // Linux/macOS        void* handle = dlopen("./libmylibrary.so", RTLD_LAZY); // RTLD_NOW 立即解析所有符号,RTLD_LAZY 延迟解析        if (!handle) {            std::cerr << "Failed to load libmylibrary.so: " << dlerror() << std::endl;            return 1;        }        AddFunc add = (AddFunc)dlsym(handle, "add");        if (add) {            std::cout << "Dynamically loaded add function: " << add(10, 20) << std::endl;        } else {            std::cerr << "Failed to find 'add' function: " << dlerror() << std::endl;        }        dlclose(handle);    #endif    return 0;}

编译和运行 (无链接库)

# Linuxg++ main_dynamic_load.cpp -ldl -o myapp_dynamicexport LD_LIBRARY_PATH=.:$LD_LIBRARY_PATH./myapp_dynamic# Windows (g++)g++ main_dynamic_load.cpp -o myapp_dynamic.exe# 确保mylibrary.dll在同目录或PATH中./myapp_dynamic.exe

显式加载的灵活性是其最大的优势,但编程复杂度也更高,需要手动管理库的加载和卸载,以及函数指针的类型转换。

动态库和静态库有什么区别?为什么我们需要动态库?

说实话,这两种库的本质都是为了代码复用,但实现方式和带来的影响大相径庭。

静态库(

.lib

.a

)在编译时就会被完整地嵌入到你的可执行文件中。你可以想象成,你的程序在建造的时候,就把所有需要的砖块、水泥都一股脑儿地堆进了自己的地基里。好处是,程序一旦编译完成,它就是个“独立王国”,不需要依赖外部的库文件就能运行,部署起来非常省心,只要把可执行文件拷过去就行。但缺点也很明显:如果多个程序都用了同一个静态库,那么每个程序都会包含一份这个库的代码,导致可执行文件体积膨胀,而且一旦库有了更新,所有依赖它的程序都必须重新编译、重新发布。这就像是每个房子都自己烧砖,效率低,还浪费资源。

动态库(

.dll

.so

)则不同,它在编译时只是记录了一个“我需要这个库”的标记,实际的代码并不会被嵌入。只有在程序运行时,操作系统才会去加载这个动态库。这就像是你的房子只记录了“我需要去建材市场买砖”,等到真正要盖的时候才去拿。这样做的好处是多方面的:

小程序体积:你的可执行文件只包含自己的核心逻辑,动态库的代码是分离的。模块化和复用:多个程序可以共享同一个动态库文件。操作系统通常只会将动态库加载到内存一次,然后映射给所有需要它的进程,这大大节省了内存。易于更新和维护:如果动态库有了bug修复或功能更新,你只需要替换掉动态库文件本身,而不需要重新编译和发布所有依赖它的程序。这对于大型项目或者插件系统来说,简直是福音。按需加载:通过显式加载的方式,程序可以在运行时根据需要加载特定的库,甚至可以实现插件式的架构,非常灵活。

当然,动态库也不是没有缺点。最头疼的可能就是“DLL Hell”(Windows上)或“依赖地狱”(Linux上)的问题了。不同版本的动态库可能导致符号冲突,或者系统找不到正确的库文件,这在部署和维护时需要特别注意。但总的来说,在现代软件开发中,动态库的优势往往盖过其带来的部署复杂性,尤其是在需要构建大型、模块化、易于维护的系统时。

动态库在实际项目中可能遇到哪些坑?如何规避?

动态库虽然好用,但实际用起来,踩坑是家常便饭。我总结了一些常见的“坑”和我的规避策略:

1. 找不到库文件(“No such file or directory”)

这是最基础也最常见的错误。程序运行时找不到

.dll

.so

文件。

Linux:通常是

LD_LIBRARY_PATH

环境变量没设置对,或者库文件不在

/usr/lib

/usr/local/lib

等标准路径。我常用的方法是,如果库是项目内部的,就通过

LD_LIBRARY_PATH

指定;如果是系统级的,就安装到标准路径,或者在

ld.so.conf

中添加路径并运行

ldconfig

Windows

PATH

环境变量没包含库文件路径,或者库文件没放在可执行文件同目录下。最省事儿的办法就是把

dll

文件放在

exe

同目录,或者把它加入到系统

PATH

2. 符号找不到(“undefined symbol”)

链接器或者运行时加载器找不到库中某个函数的定义。

原因:函数没有正确导出(比如Windows上忘了

__declspec(dllexport)

,或者Linux上忘了

__attribute__((visibility("default")))

)。C++函数名称修饰(name mangling)问题。如果库和主程序用不同编译器编译,或者

extern "C"

没用对,就容易出现。函数签名不匹配。规避:仔细检查导出宏是否正确使用。对于C++函数,尽量使用

extern "C"

导出C风格的接口,或者确保库和主程序使用相同的编译器和编译选项。使用

nm

(Linux)或

dumpbin /exports

(Windows)检查库文件实际导出了哪些符号,以及它们的名称。

3. ABI(Application Binary Interface)不兼容

这是C++动态库开发中最让人头疼的问题之一。C++的ABI在不同编译器、甚至同一编译器的不同版本之间都可能不兼容。这意味着,用GCC编译的C++库,可能无法被MSVC编译的C++程序直接使用,即使它们都遵循C++标准。

原因:类布局、虚函数表、名称修饰、异常处理机制等都可能不同。规避最稳妥的方案是使用C风格接口:动态库只导出

extern "C"

的函数,这些函数内部可以调用C++代码,但对外接口是纯C的。这样可以避免C++ ABI不兼容的问题。保持编译器一致:如果实在要导出C++类或模板,尽量确保库和所有依赖它的应用程序都使用同一个编译器、同一个版本,并且使用相同的编译选项(比如调试/发布模式、运行时库类型等)。PIMPL(Pointer to Implementation)模式:将C++类的私有实现细节隐藏在一个指针后面,只在头文件中暴露一个简单的接口,这样可以减少ABI变化的冲击。

4. 内存管理跨库边界问题

在动态库中

new

出来的内存,如果尝试在主程序中

delete

,或者反过来,可能会导致崩溃或内存泄漏。因为

new

delete

可能由不同的运行时库实现,它们内部的内存分配器可能不兼容。

规避“谁分配谁释放”原则:在哪个模块分配的内存,就在哪个模块释放。提供工厂和销毁函数:如果库需要创建对象并返回给主程序,库应该提供一个函数来创建对象(如

createMyObject()

)和一个函数来销毁对象(如

destroyMyObject()

),主程序只调用这些库提供的接口。智能指针:使用

std::shared_ptr

std::unique_ptr

,但要注意,如果自定义删除器,仍然需要遵循“谁分配谁释放”的原则,或者确保删除器在库内部执行。

5. 版本冲突(DLL Hell)

当系统中有多个程序依赖同一个动态库,但它们需要不同版本时,就会出现问题。

规避命名版本化:例如

libmylibrary.so.1.0

,并通过软链接

libmylibrary.so

指向最新版本。私有部署:将动态库和应用程序放在同一个目录下,不依赖系统路径。这样每个应用程序都有自己的库副本,但会增加磁盘空间占用。使用

rpath

runpath

(Linux):在编译可执行文件时,指定一个相对路径来查找动态库,例如

g++ main.cpp -L. -lmylibrary -Wl,-rpath=. -o myapp

。这让程序在运行时优先在指定路径查找库。

处理这些问题,没有银弹,通常需要结合具体场景,权衡灵活性和稳定性。但核心思想是:尽可能地隔离和标准化接口。

如何实现跨平台兼容的动态库开发?

跨平台开发动态库,这本身就是一个挑战,但并非不可逾越。我的经验是,关键在于“抽象”和“约定”,以及对底层差异的清晰认知。

1. 统一构建系统:CMake是你的好朋友

手动为Windows、Linux、macOS编写不同的Makefile或项目文件,那简直是噩梦。CMake就是为解决这个问题而生的。它提供了一种高级、平台无关的语言来描述你的项目结构和编译规则,然后CMake会根据目标平台生成相应的构建文件(如Makefile、Visual Studio项目文件)。

一个简单的CMakeLists.txt示例:

# CMakeLists.txtcmake_minimum_required(VERSION 3.10)project(MyLibrary CXX)# 定义导出宏# 这是一个更通用的方式来处理dllexport/dllimport和visibilityconfigure_file(    mylibrary_export.h.in    mylibrary_export.h    @ONLY)add_library(mylibrary SHARED mylibrary.cpp)target_include_directories(mylibrary PUBLIC ${CMAKE_CURRENT_SOURCE_DIR})# 链接器设置,例如在Linux上添加rpathif(UNIX)    target_link_options(mylibrary PUBLIC "-Wl,-rpath,$ORIGIN")endif()# 安装目标(可选)install(TARGETS mylibrary DESTINATION lib)install(FILES mylibrary.h DESTINATION include)install(FILES ${CMAKE_BINARY_DIR}/mylibrary_export.h DESTINATION include)

配合

mylibrary_export.h.in

// mylibrary_export.h.in#pragma once#ifdef _WIN32    #ifdef mylibrary_EXPORTS // CMake会自动为SHARED库定义这个宏        #define MYLIBRARY_API __declspec(dllexport)    #else        #define MYLIBRARY_API __declspec(dllimport)    #endif#else // Linux/macOS    #

以上就是c++++如何创建和使用动态库_c++动态链接库.so/.dll制作与使用的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1476245.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月19日 00:05:18
下一篇 2025年12月19日 00:05:30

相关推荐

  • Uniapp 中如何不拉伸不裁剪地展示图片?

    灵活展示图片:如何不拉伸不裁剪 在界面设计中,常常需要以原尺寸展示用户上传的图片。本文将介绍一种在 uniapp 框架中实现该功能的简单方法。 对于不同尺寸的图片,可以采用以下处理方式: 极端宽高比:撑满屏幕宽度或高度,再等比缩放居中。非极端宽高比:居中显示,若能撑满则撑满。 然而,如果需要不拉伸不…

    2025年12月24日
    400
  • 如何让小说网站控制台显示乱码,同时网页内容正常显示?

    如何在不影响用户界面的情况下实现控制台乱码? 当在小说网站上下载小说时,大家可能会遇到一个问题:网站上的文本在网页内正常显示,但是在控制台中却是乱码。如何实现此类操作,从而在不影响用户界面(UI)的情况下保持控制台乱码呢? 答案在于使用自定义字体。网站可以通过在服务器端配置自定义字体,并通过在客户端…

    2025年12月24日
    800
  • 如何在地图上轻松创建气泡信息框?

    地图上气泡信息框的巧妙生成 地图上气泡信息框是一种常用的交互功能,它简便易用,能够为用户提供额外信息。本文将探讨如何借助地图库的功能轻松创建这一功能。 利用地图库的原生功能 大多数地图库,如高德地图,都提供了现成的信息窗体和右键菜单功能。这些功能可以通过以下途径实现: 高德地图 JS API 参考文…

    2025年12月24日
    400
  • 如何使用 scroll-behavior 属性实现元素scrollLeft变化时的平滑动画?

    如何实现元素scrollleft变化时的平滑动画效果? 在许多网页应用中,滚动容器的水平滚动条(scrollleft)需要频繁使用。为了让滚动动作更加自然,你希望给scrollleft的变化添加动画效果。 解决方案:scroll-behavior 属性 要实现scrollleft变化时的平滑动画效果…

    2025年12月24日
    000
  • 如何为滚动元素添加平滑过渡,使滚动条滑动时更自然流畅?

    给滚动元素平滑过渡 如何在滚动条属性(scrollleft)发生改变时为元素添加平滑的过渡效果? 解决方案:scroll-behavior 属性 为滚动容器设置 scroll-behavior 属性可以实现平滑滚动。 html 代码: click the button to slide right!…

    2025年12月24日
    500
  • 如何选择元素个数不固定的指定类名子元素?

    灵活选择元素个数不固定的指定类名子元素 在网页布局中,有时需要选择特定类名的子元素,但这些元素的数量并不固定。例如,下面这段 html 代码中,activebar 和 item 元素的数量均不固定: *n *n 如果需要选择第一个 item元素,可以使用 css 选择器 :nth-child()。该…

    2025年12月24日
    200
  • 使用 SVG 如何实现自定义宽度、间距和半径的虚线边框?

    使用 svg 实现自定义虚线边框 如何实现一个具有自定义宽度、间距和半径的虚线边框是一个常见的前端开发问题。传统的解决方案通常涉及使用 border-image 引入切片图片,但是这种方法存在引入外部资源、性能低下的缺点。 为了避免上述问题,可以使用 svg(可缩放矢量图形)来创建纯代码实现。一种方…

    2025年12月24日
    100
  • 如何让“元素跟随文本高度,而不是撑高父容器?

    如何让 元素跟随文本高度,而不是撑高父容器 在页面布局中,经常遇到父容器高度被子元素撑开的问题。在图例所示的案例中,父容器被较高的图片撑开,而文本的高度没有被考虑。本问答将提供纯css解决方案,让图片跟随文本高度,确保父容器的高度不会被图片影响。 解决方法 为了解决这个问题,需要将图片从文档流中脱离…

    2025年12月24日
    000
  • CSS元素设置em和transition后,为何载入页面无放大效果?

    css元素设置em和transition后,为何载入无放大效果 很多开发者在设置了em和transition后,却发现元素载入页面时无放大效果。本文将解答这一问题。 原问题:在视频演示中,将元素设置如下,载入页面会有放大效果。然而,在个人尝试中,并未出现该效果。这是由于macos和windows系统…

    2025年12月24日
    200
  • 为什么 CSS mask 属性未请求指定图片?

    解决 css mask 属性未请求图片的问题 在使用 css mask 属性时,指定了图片地址,但网络面板显示未请求获取该图片,这可能是由于浏览器兼容性问题造成的。 问题 如下代码所示: 立即学习“前端免费学习笔记(深入)”; icon [data-icon=”cloud”] { –icon-cl…

    2025年12月24日
    200
  • 如何利用 CSS 选中激活标签并影响相邻元素的样式?

    如何利用 css 选中激活标签并影响相邻元素? 为了实现激活标签影响相邻元素的样式需求,可以通过 :has 选择器来实现。以下是如何具体操作: 对于激活标签相邻后的元素,可以在 css 中使用以下代码进行设置: li:has(+li.active) { border-radius: 0 0 10px…

    2025年12月24日
    100
  • 如何模拟Windows 10 设置界面中的鼠标悬浮放大效果?

    win10设置界面的鼠标移动显示周边的样式(探照灯效果)的实现方式 在windows设置界面的鼠标悬浮效果中,光标周围会显示一个放大区域。在前端开发中,可以通过多种方式实现类似的效果。 使用css 使用css的transform和box-shadow属性。通过将transform: scale(1.…

    2025年12月24日
    200
  • 如何用HTML/JS实现Windows 10设置界面鼠标移动探照灯效果?

    Win10设置界面中的鼠标移动探照灯效果实现指南 想要在前端开发中实现类似于Windows 10设置界面的鼠标移动探照灯效果,有两种解决方案:CSS 和 HTML/JS 组合。 CSS 实现 不幸的是,仅使用CSS无法完全实现该效果。 立即学习“前端免费学习笔记(深入)”; HTML/JS 实现 要…

    2025年12月24日
    000
  • 为什么我的 Safari 自定义样式表在百度页面上失效了?

    为什么在 Safari 中自定义样式表未能正常工作? 在 Safari 的偏好设置中设置自定义样式表后,您对其进行测试却发现效果不同。在您自己的网页中,样式有效,而在百度页面中却失效。 造成这种情况的原因是,第一个访问的项目使用了文件协议,可以访问本地目录中的图片文件。而第二个访问的百度使用了 ht…

    2025年12月24日
    000
  • 如何用前端实现 Windows 10 设置界面的鼠标移动探照灯效果?

    如何在前端实现 Windows 10 设置界面中的鼠标移动探照灯效果 想要在前端开发中实现 Windows 10 设置界面中类似的鼠标移动探照灯效果,可以通过以下途径: CSS 解决方案 DEMO 1: Windows 10 网格悬停效果:https://codepen.io/tr4553r7/pe…

    2025年12月24日
    000
  • 如何用前端技术实现Windows 10 设置界面鼠标移动时的探照灯效果?

    探索在前端中实现 Windows 10 设置界面鼠标移动时的探照灯效果 在前端开发中,鼠标悬停在元素上时需要呈现类似于 Windows 10 设置界面所展示的探照灯效果,这其中涉及到了元素外围显示光圈效果的技术实现。 CSS 实现 虽然 CSS 无法直接实现探照灯效果,但可以通过以下技巧营造出类似效…

    2025年12月24日
    000
  • 使用CSS mask属性指定图片URL时,为什么浏览器无法加载图片?

    css mask属性未能加载图片的解决方法 使用css mask属性指定图片url时,如示例中所示: mask: url(“https://api.iconify.design/mdi:apple-icloud.svg”) center / contain no-repeat; 但是,在网络面板中却…

    2025年12月24日
    000
  • 如何用CSS Paint API为网页元素添加时尚的斑马线边框?

    为元素添加时尚的斑马线边框 在网页设计中,有时我们需要添加时尚的边框来提升元素的视觉效果。其中,斑马线边框是一种既醒目又别致的设计元素。 实现斜向斑马线边框 要实现斜向斑马线间隔圆环,我们可以使用css paint api。该api提供了强大的功能,可以让我们在元素上绘制复杂的图形。 立即学习“前端…

    2025年12月24日
    000
  • 图片如何不撑高父容器?

    如何让图片不撑高父容器? 当父容器包含不同高度的子元素时,父容器的高度通常会被最高元素撑开。如果你希望父容器的高度由文本内容撑开,避免图片对其产生影响,可以通过以下 css 解决方法: 绝对定位元素: .child-image { position: absolute; top: 0; left: …

    2025年12月24日
    000
  • CSS 帮助

    我正在尝试将文本附加到棕色框的左侧。我不能。我不知道代码有什么问题。请帮助我。 css .hero { position: relative; bottom: 80px; display: flex; justify-content: left; align-items: start; color:…

    2025年12月24日 好文分享
    200

发表回复

登录后才能评论
关注微信