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写导航栏，如何让内部内容垂直居中

1

1

居中 bottstrap

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

实现不出响应式

1

1

布局 bottstrap

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 <div class="container">
             <div class="row">
                 <div class="col-md-12">
                     <h6 class="title link">友情链接</h6>
                 </div>
             </div>
         </div>
         <div class="container">
             <ul class="now bottom-top">
                 <li class="col-md-10% column">
                     <a class="underline-color" href="">手机软件</a>
                 </li>
                 <li class="col-md-10% column">
                     <a class="underline-color" href="">手机软件</a>
                 </li>
                 <li class="col-md-10% column">
                     <a class="underline-color" href="">手机软件</a>
                 </li>
                 <li class="col-md-10% column">
                     <a class="underline-color" href="">手机软件</a>
                 </li>
                 <li class="col-md-10% column">
                     <a class="underline-color" href="">手机软件</a>
                 </li>
                 <li class="col-md-10% column">
                     <a class="underline-color" href="">手机软件</a>
                 </li>
                 <li class="col-md-10% column">
                     <a class="underline-color" href="">手机软件</a>
                 </li>
                 <li class="col-md-10% column">
                     <a class="underline-color" href="">手机软件</a>
                 </li>
                 <li class="col-md-10% column">
                     <a class="underline-color" href="">手机软件</a>
                 </li>
                 <li class="col-md-10% column">
                     <a class="underline-color" href="">手机软件</a>
                 </li>
             </ul>
             <ul class="now bottom-top">
                 <li class="col-md-10% column">
                     <a class="underline-color" href="">手机软件</a>
                 </li>
                 <li class="col-md-10% column">
                     <a class="underline-color" href="">手机软件</a>
                 </li>
                 <li class="col-md-10% column">
                     <a class="underline-color" href="">手机软件</a>
                 </li>
                 <li class="col-md-10% column">
                     <a class="underline-color" href="">手机软件</a>
                 </li>
                 <li class="col-md-10% column">
                     <a class="underline-color" href="">手机软件</a>
                 </li>
                 <li class="col-md-10% column">
                     <a class="underline-color" href="">手机软件</a>
                 </li>
                 <li class="col-md-10% column">
                     <a class="underline-color" href="">手机软件</a>
                 </li>
                 <li class="col-md-10% column">
                     <a class="underline-color" href="">手机软件</a>
                 </li>
                 <li class="col-md-10% column">
                     <a class="underline-color" href="">手机软件</a>
                 </li>
                 <li class="col-md-10% column">
                     <a class="underline-color" href="">手机软件</a>
                 </li>
             </ul>
         </div>

.bottom-top{
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.column{
    list-style: inside;
    font-size: 7px;
    color: #999999 !important;
}
.underline-color{
    color: #999999;
}
.underline-color:hover{
    color: #999999;
    text-decoration: none;
    border-bottom: 1px solid green;
}
@media (max-width:767px){
    .bottom-top{
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0;
        flex-wrap: wrap;
        width: 50%;
    }
    .column{
        text-align: center;
        margin-bottom: 5px;
    }
}

该问题已被官方收录

对某一元素同时设置了 hover 和a 有时会出现两条下滑线有时只出现一条

1

1

hover

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<a href="task8-2.html" ><div>合作企业</div></a>
<a href="task8-1.html"><div class="titlle1">首页</div></a>

该问题已被官方收录

怎么给hover添加动画效果

2

1

hover

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.list-3:hover .list-4{
    opacity: 1;
}

该问题已被官方收录

表格的单元格比例问题

0

1

布局

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

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

该问题已被官方收录

bootstrap布局，内外边距出现问题，布局崩溃

0

1

边距 bottstrap

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="container">
<div class="row">
<div class="col">
</div>
</div>
</div>

该问题已被官方收录

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

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>

该问题已被官方收录

导航标签栏的左边在屏幕缩小会缩下去

0

1

布局

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 <nav class="navbar navbar-default">
            <div class="container-fluid">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
                        aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>
                <div class="box12"></div>
                <div class="collapse navbar-collapse " id="bs-example-navbar-collapse-1">

                    <ul class="nav navbar-nav navbar-right">
                        <li>
                            <a href="#" class="headleft1" onmouseover="this.style.color='white'">首页
                                <span class="whitebox1"></span>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="headleft1" onmouseover="this.style.color='white'">职业
                                <span class="whitebox1"></span>

                            </a>
                        </li>
                        <li>
                            <a href="#" class="headleft1" onmouseover="this.style.color='white'">推荐
                                <span class="whitebox1"></span>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="headleft1" onmouseover="this.style.color='white'">关于
                                <span class="whitebox1"></span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>

该问题已被官方收录

英文单词太长，不知道怎么处理？

1

1

布局

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

没有代码，http://www.baidu.com/s?wd=pica&rsv_spt=1&rsv_iqid=0x930769df0003fb2d&issp=1&f=8&rsv_bp=0&rsv_idx=2&ie=utf-8&tn=baiduhome_pg&rsv_enter=1

就像是上面的，浏览器会以为是一个单词。所以要想个办法解决。

该问题已被官方收录

轮播图为什么不自动翻页？

0

1

轮播

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<link rel="stylesheet" href="../css/task8.css">
<script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script>
<link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="http://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script>
<div class="wrap">
        <div class="container">
            <div class="header-main">
               <span>客服热线：010-594-78634</span>
                <div class="vx">
                <img src="../img/task8...png"  alt="">
                <img src="../img/task.8..png" alt="">
                <img src="../img/task.81.png"  alt="">
                </div>
            </div>
        </div>
    <div class="navigation">
        <div class="option">
            <p>首页</p>
            <p>职业</p>
            <p>推荐</p>
            <p>关于</p>
        </div>
    </div>
    <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" alt="Third slide">
            </div>
            <div class="item">
                <img src="../img/task888png.png" alt="Third slide">
            </div>
            <div class="item">
                <img src="../img/task888png.png" 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>
</div>
</body>
</html>

去第页

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