IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

咨询电话 : 010-59478634

全部问题

已收录问题

未收录问题

没有找到答案，去提问>>>

该问题已被官方收录

九宫格不能居中。无法保证格子间的布局均匀分割网页且居中

16

44

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.swag{
  padding-left:31%;
  padding-bottom: 31%;
  margin:1%;
  border-radius: 20%;
  background: orange;
  float:left;
}

该问题已被官方收录

如何将成果上传至github展示

8

17

代码管理

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

代码上传

该问题已被官方收录

九宫格使用百分比替换固定单位px后，整个格子不见了

11

14

九宫格自适应

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.swag{
  width:30%;
  height:30%;;
  margin:1%;
  border-radius: 20%;
  background: orange;
  float: left;
}

该问题已被官方收录

nginx的参数不会配置

5

14

nginx

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

nginx的参数不会配置

该问题已被官方收录

7

12

audio播放器

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

第一种：<button class="btn btn-block sing"> 
                     <audio  src="audio/财富自由.mp3" controls="controls">
                     </audio>
               </button>
第二种：<button class="btn btn-block sing">
                    <audio src="audio/财富自由.mp3" autoplay="autoplay">
                    </audio>
                </button>

该问题已被官方收录

怎样不使用Bootstrap和JS来做一个响应式折叠导航栏

6

11

响应式

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<nav class="navbar navbar-expand-md bg-dark navbar-dark">
  <a class="navbar-brand" href="#">Navbar</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="collapsibleNavbar">
    <ul class="navbar-nav">
      <li class="nav-item">
        <a class="nav-link" href="#">Link</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Link</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Link</a>
      </li>    
    </ul>
  </div>  
</nav>

该问题已被官方收录

用github pages创建自己网页的时候无法进去，出现404的提示

5

9

代码管理

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

出现404的提示

该问题已被官方收录

怎么将webstorm关联github

1

8

代码管理

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

用右边距做文字中间竖线，用flex布局以后没有了行高，类似padding效果的效

4

8

flex

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

页面的字体不能定死，会随着页面改变的大小。

2

6

自适应

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html style="font-size:62.5%">
<head>
    <meta charset="utf-8">

    <title>001</title>
    <style type="text/css">
        /* 根据屏幕尺寸的放大缩小 div 没有反应 */
        div{
            display:flex;
            justify-content:space-around;
            width:20rem;
            height:20rem;
            color: blue;
            padding-left: 1rem;
            line-height: 4rem;
            font-size: 200px;}

        /* 根据屏幕尺寸的放大缩小 body 颜色切换 */
        body {background-color:lightgreen;}
        @media screen and (max-width: 300px) {
            body {background-color:lightblue;}
        }
    </style>
</head>
<body>
<div>asdasdfasdf</div>
</body>
</html>

去第页

Copyright ©2015 北京葡萄藤信息技术有限公司 All Rights Reserved | 京ICP备15035574号-1