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;
}

该问题已被官方收录

九宫格只能竖着排列或横向排列

6

2

九宫格块级元素

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

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

该问题已被官方收录

gulp4打包出现问题，

0

2

打包工具

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html>

<head>
    <link rel="stylesheet" href="css/combined-98d825ae5e.css">
   
    <script src="scripts/combined-ddab469f1a.js"></script>

该问题已被官方收录

纯css的响应式导航栏有什么方法

3

2

导航栏

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.

该问题已被官方收录

能不能控制栅格的容量高度

3

1

bottstrap

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 <div class="row box7">
            <div class="col-xs-12 col-sm-6 col-md-3">
                
          <p>12</p>

            </div>
            <div class="col-xs-12 col-sm-6 col-md-3">

            </div>
            <div class="col-xs-12 col-sm-6 col-md-3">
 
            </div>
            <div class="col-xs-12 col-sm-6 col-md-3">
                
            </div>
        </div>

该问题已被官方收录

响应式栅格布局如何居中

1

1

响应式 bottstrap 居中

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

       <div class="how"><b>战略合作企业</b></div>
        <div class=" col-md-2 col-md-offset-1 col-xs-4  ">
            <div class="cooperation cooperation1"></div>
        </div>
        <div class="col-md-2 col-xs-4 ">
            <div class=" cooperation cooperation2"></div>
        </div>
        <div class="col-md-2  col-xs-4 ">
            <div class=" cooperation cooperation3"></div>
        </div>
        <div class="col-md-2 col-xs-4">
            <div class=" cooperation cooperation4"></div>
        </div>
        <div class="col-md-2  col-xs-4">
            <div class=" cooperation cooperation5"></div>
        </div>

该问题已被官方收录

手机图标和后面的输入框在缩小页面的时候，会变成两行

1

1

布局

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title></title>
    <style type="text/css">
        *{padding: 0;margin: 0;}
body{
    background:#eff0f4;
    width: 100%;
}
.headers{
    background:#68cdd5;
    color: white;
    height: 88px;
    line-height: 88px;
    text-align: center;
    margin-bottom: 15px;
}
.header-c{
font-size: 32px;
position: absolute;
left: 20px;

}
.header-l{
    font-size: 36px;
}
.header-r{
   font-size: 32px;
   position: absolute;
   right: 20px;
   top: 0;
}
.mains{
    background: white;
height: 100px;
}
.iphone{
    width: 100%;
    height: 41px;
    margin-top: 30px;
position: absolute;
left: 20px;
border-right: solid green;
display: inline-block;
}
.inputs{
    width: 100%;
outline: none;
border:none;
margin-left: 67px;
font-size: 32px;
margin-top: 34px;

}

</style>
</head>
<body>
    <header class="headers">
        <p class="header-c">关闭</p>
        <p class="header-l">登陆</p>
        <p class="header-r">注册</p>
    </header>
    <main class="mains">
        <span class="iphone">
            <img src="img2/iphone.png">
            <input type="text" name="" placeholder="请输入手机号" class="inputs">
        </span>

        <span>

        </span>
    </main>
</body>
</html>

该问题已被官方收录

图标HOVER时边框被覆盖怎么解决？

1

1

hover

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.cooperationbox .cooperation:hover {
    border: 1px solid silver;
    box-shadow: 1px 1px 1px 1px silver;

该问题已被官方收录

做第二个轮播时，指示符小点不显示

1

1

bottstrap

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div id="demo" class="carousel slide" data-ride="carousel">
 
  <!-- 指示符 -->
  	<ul class="carousel-indicators">
    <li data-target="#demo" data-slide-to="0" class="active"></li>
    <li data-target="#demo" data-slide-to="1"></li>
    <li data-target="#demo" data-slide-to="2"></li>
 	 </ul>
 
  <!-- 轮播图片 -->
  	<div class="carousel-inner">
    <div class="carousel-item active">
      <img class="img-fluid" src="backimage.png" alt="back">
      <div class="carousel-caption">	
    	<p>你作为一个初级菜鸟，你是否想要了解</p>
    	<h5><span class="text">50万</span>年薪的程序员，都会那些技能呢？</h5>
  		</div>
    </div>
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
  <ol class="carousel-indicators">
    <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
    <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
    <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
  </ol>
 	<div class="carousel-inner">
     	<div class="carousel-item active">
			<div class="study">
				<p>优秀学员展示</p>
			</div>
	    	<div class="container text0">
			<div class="row">
			<div class="col-xs-12 col-sm-6 col-md-3 text-center">
				<img src="luo.png" alt="luo.png" class="avatar">
				<p class="text1">技术顾问：罗大佑</p>
				<p class="text2">百度技术总监：互联网基础服务领域，从事虚拟主机、云服务器、域名。曾任新网高级技术经理,负责技术研发、团队管理与建设。</p>
			</div>

该问题已被官方收录

如何用纯CSS写一个手动轮播图

1

1

轮播

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" />
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="task14.css">
</head>
<body>
</body>
</html>

去第页

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