简单flex侧边栏布局

最新推荐文章于 2023-04-17 12:38:54 发布

还不下马受降

最新推荐文章于 2023-04-17 12:38:54 发布

阅读量607

点赞数

分类专栏： CSS_flex

本文链接：https://blog.csdn.net/weixin_43865846/article/details/116356977

版权

flex侧边栏布局，侧边插入网址然后网页内容显示在ifram窗口内，但是只是简单的插入，所以当点击的时候跳转的链接就会进入新的页面，因为新的地址中并没有target属性。flex两个属性，快速垂直居中。：justify-conteng:center, align-content:center;

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style >
        body{
    
            background-color: skyblue;
            display: flex;
            flex-direction:column;
           
        }
        .topbar {
    
            height: 50px; 
            width: 100%;
            background-color: rgb(39, 7, 114);
            display: flex;
            flex-direction: column;
            justify-content: space-around;

        }
        
        .sorce {

最低0.47元/天解锁文章

还不下马受降

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
简单flex侧边栏布局

flex侧边栏布局，侧边插入网址然后网页内容显示在ifram窗口内，但是只是简单的插入，所以当点击的时候跳转的链接就会进入新的页面，因为新的地址中并没有target属性。flex两个属性，快速垂直居中。：justify-conteng:center, align-conteng:center;<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name
复制链接

扫一扫