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

亚马逊运营

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

如何不适用bootstrap用纯css写一个轮播图

1

1

bottstrap

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div id="picture" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicator">
        <li data-target="#picture" data-slide-to="0" class="active"></li>
        <li data-target="#picture" data-slide-to="1" class></li>
        <li data-target="#picture" data-slide-to="3" class></li>
    </ol>
    <div class="carousel-inner" role="listbox">
        <div class="item active">
            <img src="images/pic1.jpg ">
        </div>
        <div class="item">
            <img src="images/pic2.jpg ">
        </div>
        <div class="item">
            <img src="images/pic3.jpg ">
        </div>
    </div>
    <a class="left carousel-control" href="#picture" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true "></span>
    </a>
    <a class="right carousel-control" href="#picture" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    </a>
</div>

该问题已被官方收录

多个内联元素排成一行

0

1

布局

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<span>2015-7-5至2015-7-12</span>
<span>25元/小时</span>
<a herf= "#"><img src= "back.png" /></a>

该问题已被官方收录

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

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>

该问题已被官方收录

如何实现轮播图啊

3

1

轮播

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

的

该问题已被官方收录

表格的单元格比例问题

0

1

布局

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

table {
    width: 100%;
    table-layout: fixed;
    font-size: 12px;
    color: #969696;
}

该问题已被官方收录

改变单选框样式

2

1

表单元素

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

         
                        <label class="radio-inline">
                            <input type="radio" name="inlineRadioOptions"  value="option1"> 内径
                        </label>

该问题已被官方收录

子绝父相为什么子元素会占满父元素

4

1

定宽定位

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html>
<head>
	<title>zijuefuxiang</title>
	<meta charset="utf-8">
	<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<style type="text/css">
		html {
			font-size: 625%;
		}
		body {
			background-color: gray;
		}
		
		.A {
			width: 50%;
			height: 2rem;
			background-color: orange;
			box-sizing: border-box;
			border: 1px solid #333;
			position: relative;
			margin-top: 1rem;
		}
		.B {
			background-color: blue;
			font-size: .32rem;
			color: white;
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
		}
	</style>
</head>
<body>
	<div class="A">
		<div class="B">哈哈哈哈</div>
	</div>

</body>
</html>

该问题已被官方收录

3个头部菜单栏宽度平均分布在一行

2

1

布局

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

ul {
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    margin:0;
}

ul li {
    flex:1 1 ;
    padding: .2rem 0;
    color: #999;
    white-space: nowrap;

}

.menuleft {
    display: inline-block;
    margin: 0 .4rem;
}

.menumid{
    padding-left: .5rem;
}

该问题已被官方收录

设置了宽高的小盒子，在加入“首页”文字之后，原有的高度就塌陷了

1

1

浮动

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <title>Title</title>
   <style>
       * {
                      margin: 0;
           padding: 0;
       }
       .foot{
                      position:fixed;
           bottom:0;
           width:100%;
           height:4rem;
           background-color:#fff;
           box-sizing:border-box;;
           padding:0.3rem;
           text-align:center;
       }
       .house,
       .write,
       .man {
                      display:inline-block;
           background-image: url("形状4.png");
           background-repeat:no-repeat;
       }
       .house,
       .man {
                      width:2rem;
           height:3rem;
           background-size:8rem;
       }
       .house {
                      background-position:left top;
       }
       .write {
                      width:4rem;
           height:3.5rem;
           background-size:7rem;
           background-position:4px bottom;
       }
       .man {
                      background-position:-50px top;
       }
       .house div {
                      display: inline-block;
           font-size:1rem;
       }
   </style>
</head>
<body>
<div "foot">
   <div "house">
       <div>首页</div>
   </div>
   <div "write">
   </div>
   <div "man">
   </div>
</div>
</body>
</html>

该问题已被官方收录

响应式栅格布局如何居中

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>

去第页

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