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

亚马逊运营

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

文字居中的同时保持整体左对齐

0

1

通用

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

      <div class="row">
                <p class="col-12 clr-333 px-18 bold">如何学习</p>
                <div class="arrows col-md-6 col-xl-3">
                    <span class="no"></span>
                    <p>匹配你现在的个人情况、寻找适合自己的岗位</p>
                </div>
                <div class="arrows col-md-6 col-xl-3">
                    <p>了解职业前景薪金待遇、竞争压力等</p>
                </div>
                <div class="arrows col-md-6 col-xl-3">
                    <p>掌握行业内顶级技能</p>
                </div>
                <div class="col-md-6 col-xl-3">
                    <p>查看职业目标任务</p>
                </div>
                <div class="arrows col-md-6 col-xl-3">
                    <p>参考学习资源，掌握 技能点，逐个完成任务</p>
                    </div>
                <div class="arrows col-md-6 col-xl-3">
                    <p>加入班级，和小伙伴们 互帮互助，一块学习</p>
                </div>
                <div class="arrows col-md-6 col-xl-3">
                    <p>选择导师，一路引导， 加速自己成长</p>
                </div>
                <div class="col-md-6 col-xl-3">
                    <p>完成职业技能，升 级业界大牛</p>
                </div>
            </div>
        </div>

该问题已被官方收录

如何给botton设置点击过的样式？？？

1

1

表单元素

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.btn-default:hover,
.btn-default:visited {
    background-color: #1d7ad9;
    color: #fff;
}

该问题已被官方收录

使用vw进行布局，pc端垂直滚动条会占用额外的空间。

1

1

属性属性

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 0 0 1.9rem;
    padding: 0;
    list-style: none;
}

li {
    width: 18.9vw;
    margin: 0 6.5vw;
}

.via {
    border: .69vw solid #fff;
    margin-bottom: 10vw;
    background: #F5C97B;
    text-align: center;
    letter-spacing: .05rem;
}

该问题已被官方收录

怎么给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"> 代码

<div class="col-xs-12 col-sm-6 col-md-3 box9 ">
					<div class="box37">
						<img src="10.png" class="pho6">
						<span class="text21">12400</span>
						<p class="text22">累计在线学习人数</p>
						<img src="10.png" class="pho7">
						<span class="text23">12400</span>
						<p class="text24">学院找到满意的工作</p>
					</div>
				</div>

该问题已被官方收录

图标如何收放

1

1

css概念布局

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

截图中这个圆角框怎么实现？

1

1

盒模型边距

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

header {
height:50px;
}
footer {
height:50px;
}
div {
height: calc(100% - 100px);
}

该问题已被官方收录

如何配置nginx反向代理

0

1

nginx

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

没有代码

该问题已被官方收录

投票页hover出现的4个小图标也可以hover而不消失

1

1

hover

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 <ul class="peo-col col-xs-1">
                    <a class="peo-box" href="#" onmouseover="document.all.peobox1.style.visibility=''"
                    onmouseout="document.all.peobox1.style.visibility='hidden'">
                        <li class="peo-pic">水民</li>
                        <li class="peo-num">1号</li>
                    </a>
                    <ul class="peo-act row" id="peobox1" style="visibility: hidden;">
                        <li class="peo-knife col-xs-3"></li>
                        <li class="peo-glass col-xs-3"></li>
                        <li class="peo-aim col-xs-3"></li>
                        <li class="peo-medicine col-xs-3"></li>
                    </ul>
                </ul>

.content .vote-peo .peo-row .peo-col .peo-act {
    padding-top: 2.8vw;
    margin-left: 0.2vw;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}
.content .vote-peo .peo-row .peo-col .peo-act .peo-knife,.peo-glass,.peo-aim,.peo-medicine {
    background-color: #ffffff;
    background-image: url(img/icon.png);
    background-repeat: no-repeat;
    background-size: 39vw 125vw;
    height: 4.68vw;
    width: 4.68vw;
    margin-left: 0.7vw;
}

该问题已被官方收录

在使底部footer背景透明的时候如果使用opacity

1

1

透明度

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

footer {
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0.65rem;
    opacity: 0.8;
    background: rgba(41, 189, 224, 0.8);
}
footer button {
    position: relative;
    width: 40vw;
    height: 0.43rem;
    font-size: 0.2rem;
    border-radius: 0.07rem;
    color: white;
    opacity: initial;
}

去第页

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