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

亚马逊运营

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

如何使空间不足导致文字隐藏时会出现小点

7

5

布局

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

time {
  width: 3rem;
  height: .2rem;
  padding-left: .3rem;
  line-height: .2rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: .1rem; }

该问题已被官方收录

小的竖线如何实现从中间到两边渐变

2

3

自适应盒模型

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

    border-image: linear-gradient(white,#999999,white)4;

 border-image:linear-gradient(to right, rgba(255,0,0,0),rgba(153,153,153,0.8),rgba(153,153,153,1),rgba(153,153,153,0.8),rgba(255,0,0,0))

该问题已被官方收录

下拉框有效区域问题

4

3

表单元素

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                <ul>
                    <li class="dropdown dropdown-menu-left text-center">
                        <a href="#" class="dropdown-toggle  text-center" data-toggle="dropdown">
                            所在地
                            <b class="caret btn-large triangle"></b>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="#">北京</a></li>
                            <li><a href="#">上海</a></li>
                            <li><a href="#">广州</a></li>
                            <li><a href="#">福州</a></li>
                            <li><a href="#">厦门</a></li>
                        </ul>
                    </li>
                </ul>
            </div>

该问题已被官方收录

所在地下拉菜单使用了bootstrap下拉菜单样式，点击时无法实现下拉？

2

2

bootstrap

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="dropdown-line ">
    <div class="dropdown-1">
      <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true"
        aria-expanded="true">
        所在地
        <span class="caret"></span>
      </button>
      <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
        <li>
          <a href="#">Action</a>
        </li>
        <li>
          <a href="#">Another action</a>
        </li>
        <li>
          <a href="#">Something else here</a>
        </li>
        <li role="separator" class="divider"></li>
        <li>
          <a href="#">Separated link</a>
        </li>
      </ul>
    </div>

该问题已被官方收录

select和option文字无法居中

2

2

表单元素居中

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.slect-box1 {
  margin-bottom: 0;
  border: 1px solid #e8e8e8;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 10px 0 10px 40px;
  background: #f3f3f3 url(../.././favicon.ico/task10/box.png) no-repeat 10px
    12px;
  color: #1d7ad9;
text-align:center;
}

该问题已被官方收录

雪碧图大小的问题

1

1

雪碧图

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

display: inline-block;
    background: url(../img/img.png)no-repeat 0 0;
    height: 8px;
    width: 13px;
    transform: scale(0.5);

该问题已被官方收录

关于 justify-content: space-between;的使用

2

1

flex

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

header{
    background:$b5f; 
    @include flex;
    justify-content: space-between;
    align-items: center;
    height: 6rem;
}

该问题已被官方收录

如何下拉框的三角形放大。

3

1

表单元素

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.main{
    width: 100%;
    height: 11.11vw;
}
.vo{
    width: 31.33%;
    font-size: 4vw;
    color: #999999;
    padding-left: 6vw;
    margin-top: 15vw;
    border: none;
    border-right: solid #eff0f4 0.13vw;
    height: 6vw;
}
.voo{
    width: 31.33%;
    font-size: 4vw;
    color: #999999;
    padding-left: 7vw;
    border: none;
    border-right: solid #eff0f4 0.13vw;
    height: 6vw;
}
.vooo{
    width: 32.33%;
    font-size: 4vw;
    color: #999999;
    padding-left: 4vw;
    border: none;
    height: 6vw;
}

该问题已被官方收录

子元素为行内元素不在父元素内

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">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>任务六</title>
    <link rel="stylesheet" type="text/css" href="task6.css">
</head>

<body>
    <header>
        <button class="btn">找雇主</button>
        <button class="btn">招护工</button>
    </header>
</body>

</html>

html{
    font-size: 625%; 
}
body{
    margin: 0;
    
}
header{
    position: fixed;
    top: 0;
    text-align: center;
    height: .64rem;
    width: 100%;
    background-color: #5fc0cd;   
}
.btn{
    font-size: 16px;
    color: #ffffff;
    background-color: #55a8b3;
    border-radius: 7px;  
    padding: .1rem .2rem .1rem .13rem;  
    border: none;
    outline:none
}

该问题已被官方收录

固定定位与下面盒子margin重叠问题

1

1

定位

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.header {
    position: fixed;
    height: 2.75rem;
    background-color: #5fc0cd;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
   
}

去第页

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