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

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

为什么变成2560/2850的时候图片会变成这样？

3

2

布局

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

    <div id="myCarousel" class="carousel slide">
        <!-- 轮播（Carousel）指标 -->
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>
        <!-- 轮播（Carousel）项目 -->
        <div class="carousel-inner">
            <div class="item active">
                <img src="../img/task888png.png" class="xte" alt="Third slide">
            </div>
            <div class="item">
                <img src="../img/task888png.png" class="xte" alt="Third slide">
            </div>
            <div class="item">
                <img src="../img/task888png.png" class="xte" alt="Third slide">
            </div>
        </div>
        <!-- 轮播（Carousel）导航 -->
        <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
*{
    margin: 0;
    padding: 0;
}
.header-main{
    width: 100%;
    color: #29b078;
    display: flex;
    justify-content:space-between ;
    margin-top:1rem;
    margin-bottom: 0.5rem;
}
.navigation{
    width: 100%;
    background: #29b078;
    height:9.4rem;
}
.option{
    font-size: 2.5rem;
    display: flex;
    float: right;
    color: #ffffff;
    margin-top: 3.5rem;
    text-indent: 3.5rem;
}
.first-row {
    margin: 10rem 0;
}
.text-first {
    height: 25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.text-first-aside {
    border-left: 1px #dedede dashed;
    display: flex;
    justify-content: center;
}

.box-img {
    width: 10rem;
    height: 10rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

该问题已被官方收录

我在做任务五的时候，用了背景图片的填充，可是发现了无法填充满

1

2

布局

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="task5.css">
</head>
<body>
    <header>
        <a class="return"></a>
        <a class="arrow"></a>
        <span>个人主页</span>
    </header>
    <div class="box2">
        <div class="doctor"></div>
        <div class="headportrait"></div>
        <span class="name">高素雅</span>
        <span class="age">51岁</span>
        <span class="site">北京.通州.果园</span>
    </div>
    <div class="box3">
        <div class="skill">
            <span>专业技能</span>
        </div>
        <div class="require">
            <span class="require1">住家</span>
            <span class="require2">不含餐</span>
        </div>
        <div class="experience">
            <span class="experience1">工作年限</span>
            <span class="experience2">0~3年</span>
        </div>
        <div class="time">
            <span class="time1">工作时间</span>
            <span class="time2">全天</span>
        </div>
        <div class="price">
            <span class="price1">服务价格</span>
            <span class="price2">25元/小时</span>
        </div>
        <div class="introduce">
            <span class="introduce1">自我介绍</span>
            <span class="introduce2">可以洗衣、做饭、照顾老人。在护
                工方面有5年的经验，经验丰富。</span>
        </div>
        <div class="connection">
            <a class="leave word">留言</a>
            <a class="phone">电话联系</a>
        </div>
    </div>
</body>
</html>
html{
    font-size: 62.5%;
}
body{
   margin: 0; 
}
header{
    height:4.4rem;
    background-color: #5FC0CD;
    text-align: center;
}
/*.return{*/
    /*width: 20px;*/
    /*height: 20px;*/
    /*border-top: 1px solid white;*/
    /*border-right: 1px solid white;*/
    /*transform:rotate(45deg);*/
/*}*/
.arrow{
    width: 1.5rem;
    height: 1.5rem;
    border-top: 3px solid white;
    border-left: 3px solid white;
    transform:rotate(-45deg);
    display: inline-block;
    margin-left: 3.5rem;
    margin-top: 1.2rem;
    float: left;
}
header span{
    font-size: 3rem;
    color: white;
}
.box2{
 background: url(./doctor.png) no-repeat;
 height: 32.6rem;
 background-size: 100%
}

该问题已被官方收录

文字居中的问题，假如太少了不知道怎么操作？

7

2

居中

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.good {
    margin: 2rem;
    font-size: 2rem;
    color: #ffc865;
    text-align: center;
}

该问题已被官方收录

如何用纯CSS制作轮播图，不能使用框架

2

2

轮播

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

css

该问题已被官方收录

“如何学习”栏-文字自适应居中

1

2

居中

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="col-sm-6 col-md-3 stu-colum">
          <div class="stu-left">1</div>
          <div class="stu-right">
            <img src="img/arrow.png" alt="rightarrow">
          </div>
          <div class="stu-md"><span>匹配你现在的个人情况，寻找适合自己的岗位</span></div>
        </div>

该问题已被官方收录

安装tortoiseSVN后右键不显示

1

2

代码管理

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

没有显示。

该问题已被官方收录

如何对sass进行环境搭建

0

2

Sass

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

怎么修改bootstrap框架导航栏的默认link样式

2

2

bottstrap

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<nav>
    <div class="container">
        <ul class="nav">
            <li class="nav-item">
                <a class="nav-link" href="#">首页</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#">在线定制</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#">标准箱</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#">品质保障</a>
            </li>
        </ul>
    </div>
</nav>

CSS部分

/*导航栏*/
nav{
    height: 8rem;
    background: #f9f9f9;
}
nav>.container{
    height: 100%;
}
.nav{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.nav-link{
    background-color: #fff;
    padding: 1rem 1.4rem;
    margin: 0 1rem;
    border-radius: 2px;
    color: #000;
}
.nav-item:hover .nav-link{
    background: #007bff;
    color: #fff;
}

该问题已被官方收录

用flex如何实现响应式布局

2

2

flex 响应式

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<p class="blogroll-p">友情链接</p>
            <div  class="blogroll-link">
                <ul class="link">
                    <li>手机软件</li>
                    <li>手机软件</li>
                    <li>手机软件</li>
                    <li>手机软件</li>
                    <li>手机软件</li>
                    <li>手机软件</li>
                    <li>手机软件</li>
                    <li>手机软件</li>
                    <li>手机软件</li>
                    <li>手机软件</li>
                </ul>
            </div>
            <div  class="blogroll-link">
                <ul class="link">
                    <li>手机软件</li>
                    <li>手机软件</li>
                    <li>手机软件</li>
                    <li>手机软件</li>
                    <li>手机软件</li>
                    <li>手机软件</li>
                    <li>手机软件</li>
                    <li>手机软件</li>
                    <li>手机软件</li>
                    <li>手机软件</li>
                </ul>
            </div>




.link{
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.blogroll-p{
    line-height: 25px;
    text-align: center;
    font-size: 16px;
    color: #333333;
}
ul{
    text-align:left;
    padding-left: 20px;
    color:#999999;
}
li{
    flex: 1;
    justify-items: start;
}

该问题已被官方收录

9宫格无法居中，

1

2

九宫格

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 #news{
          
          text-align:center;
          margin:20px;
          padding:20px;
          width:100vw;
          height:100vw;
          background:orange;
          
         
          }   
      
      
     #part1{
        
          
        width:25vw;
      height:25vw;
      background: orange;
       margin: 1vw;
      padding: 1vw;    
      float:left;
       border-radius:30px;
     }

去第页

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