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"> 代码

body{
    width: 100%;
    height:100%;
}
.all{
    background: url("../../IMG/login.png");
    background-size:100% 100%;
    width:100%;
    height:100%;
    position: relative;
}
必须是
html,body{
    width: 100%;
    height:100%;
}
才出的来

该问题已被官方收录

用浏览器模仿手机访问网页显示正常。用真实的手机访问页面，盒子的背景图片会发生偏移

1

1

chrome开发者工具

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.firstone,
.finallyone{
    width:12px;
    height:12px;
    padding:0;
    background-image:url("calendar2.png");
    background-repeat:no-repeat;
}
.firstone{
    background-position:0 -36px;
}
.finallyone{
    background-position:0 -60px;
}
p{
    margin:0;
    padding:0;
}
.first,
.finally p{
    line-height:14px;
    color:#999;
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
}
.first{
    background-position:left -42px;
    margin-bottom:0.5rem;
    padding-left:0;
}
.second {
    font-size:1.6rem;
    margin-bottom:0.5rem;
}
.second p{
    padding-left:2rem;
    line-height:1.5rem;
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
}
.finally{
    background-position:3px -74px;
}
.main {
    height:7rem;
    border-bottom:1px solid #ccc;
    padding:1rem;
}
.salary{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    height:5rem;
}
.salary p{
    color:#f00;
    padding-right:0.5rem;
    margin:0;
    font-size:1.8rem;
    white-space: nowrap;
}
.salary a{
    display:inline-block;
    width:1rem;
    height:1.5rem;
    background-image:url("矢量智能对象拷贝.png");
    background-repeat:no-repeat;
    background-size:0.8rem;
}

<div class="container-fluid headerr">
    <div class="row header">
        <div class="col-xs-offset-3 col-xs-6 button">
            <button  type="button" class="btn btn-default1">找雇主</button
            ><button type="button" class="btn btn-default2">找护工</button>
        </div>
        <div class="col-xs-3 map">
            <button type="button" class="btn btn-link"></button>
        </div>
    </div>
</div>

该问题已被官方收录

github organizations push文件失败

0

1

git

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

Spring 报错：Error creating bean with name

1

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

package com.keymen.dao;

import java.util.List;

import org.springframework.beans.factory.annotation.Autowired;

import com.keymen.annotation.MyBatisDAO;
import com.keymen.entity.User;

@MyBatisDAO
public interface UserDao {

    @Autowired
    User selectByPrimaryKey(Integer id);
    @Autowired
    List<User> queryAllUser();
    @Autowired
    public User findUserByUsername(String username);
    @Autowired(required=true)
    public Integer getCountOfRecord();

}

该问题已被官方收录

使用了bootstrap之后不知道怎么调整外边距的问题。

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

    <div class="container facetofuture">
        <img  class="datemate" src="../images/dataMap.png"/>

            <div class="col-xs-12 col-lg-6 box ">
                <div><img src="../images/study.jpg" /></div>
                <p class="facetofuture-title">编程王为孩子将来打基础</p>
                <p class="facetofuture-contai">在思考分析问题和完成程序的过程中去培养编程思维，是培养孩子细心和专注的最佳工具。在组队完成创作作品的过程中，提升孩子的团队协作能力。编程将逐渐纳入基础教育，提前学习编程，为留学升学加码</p>
            </div>
            <div class="col-xs-12 col-lg-6 box">
                <div><img src="../images/school.jpg"/></div>
                <p class="facetofuture-title">特招或考入名校</p>
                <p class="facetofuture-contai">2018年1月，教育部颁发的《新课程标准》指出：信息技术将从兴趣课程变为必修课程，并大幅度提升了学生在编程、计算思维、算法方面的思维要求，给予学生更大的发展选择空间（浙江省已明确要求）</p>
            </div>
    </div>

该问题已被官方收录

wangEditor富文本编辑器，无法获取和存储输入框里边的内容。

1

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

if ($stateParams.id) {
            $scope.theme = "编辑Article";
            $http({
                method: "GET",
                url: "/carrots-admin-ajax/a/article/" + $stateParams.id
            }).then(function (res) {
                //console.log(res);
                $scope.param = res.data.data.article;
                $scope.title = res.data.data.article.title;
                $scope.img = res.data.data.article.img;
                $scope.param.content = editor.txt.html($scope.param.content);
                $scope.url = res.data.data.article.url;
                $scope.createAt = res.data.data.article.createAt;
            }, function (res) {
                alert(res.data.message);
            });
            //立即上线
            $scope.onLine = function () {
                if ($stateParams.id) {
                    $http({
                        method: "PUT",
                        url: "/carrots-admin-ajax/a/u/article/" + $stateParams.id,
                        params: {
                            status: 2,
                            title: $scope.title,
                            type: $scope.param.type,
                            industry: $scope.param.industry,
                            img: $scope.img,
                            content: editor.txt.html(),
                            url: $scope.url,
                            createAt: $scope.createAt
                        }
                    }).then(function (res) {
                        console.log(res);

该问题已被官方收录

Compass Scss在Webstorm中的配置问题

0

1

Sass

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

在父元素里面设置margin：0；p元素还有margin

2

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>
    <style pyte="txet/css">
html { 
    font-size:312.5%; 
} 
body { 
    font-size: initial; 
    margin: 0; 
}

header {
    width: 100%;
    height: 0.88rem;
    background-color: #5FC0CD;
}
    </style>
</head>
<body>
    <header>
        <p>注册</p>
    </header>
</body>
</html>

该问题已被官方收录

mybatis中使用大于号或小于号报错

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

tee.F_EndDay <= dateadd(DAY,0,CONVERT (VARCHAR(100), GETDATE(), 23))

该问题已被官方收录

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport", content="device-width,initial-scale=1.0, manimun-scale=1.0,user-scaleble=no" />
	<title>task10</title>
	<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<header>
	<div class="head-t">
		<div class="ht-box">
			<div class="ht-left">
				客服热线：010-8888-8888
			</div>
			<div class="ht-right">
				<a class="ht-link" href="#">登录</a><a class="ht-link" href="#">注册</a>
			</div>
		</div>
	</div>
	<div class="head-b">
		<div class="hb-box">
			<button class="hb-btn" type="button">首页</button>
			<button class="hb-btn" type="button">在线定制</button>
			<button class="hb-btn" type="button">标准箱</button>
			<button class="hb-btn" type="button">品质保障</button>
		</div>
	</div>
</header>
<main>
	<div class="main-t">
		<div class="mt-box">
			<div class="bar">
				<span>1</span>
				<p>1.定制纸箱</p>
			</div>
			<div class="bar">
				<span>2</span>
				<p>2.选择数量</p>
			</div>
			<div class="bar">
				<span>3</span>
				<p>3.上传附件</p>
			</div>
			<div class="bar">
				<span>4</span>
				<p>4.确认下单</p>
			</div>
		</div>
	</div>
	<div class="main-b">
		<div class="mb-box">
			<p><span>|</span>请按照以下步骤来定制纸箱</p>
			<form name="box" method="post" action="save.php">			
				<div class="label-box">
					<label><img src="ico1.png" />选择箱型</label>
				</div>
				<div class="input-box">
					<span><input type="radio" name="one" id="box-type1">
						<label for="box-type1">对口箱</label></span>
					<span><input type="radio" name="one" id="box-type2">
						<label for="box-type2">飞机箱</label></span>
					<span><input type="radio" name="one" id="box-type3">
						<label for="box-type3">天地盖</label></span>
					<select>
						<option type="#" >查看详情</option>
					</select>
				</div>
				<div class="label-box">
					<label><img src="ico2.png" />确定尺寸</label>
				</div>
				<div class="input-box">
					<span><input type="radio" name="two" id="box-size1">
						<label for="box-size1">外径</label></span>
					<span>长 <input type="text" class="size"> mm</span>
					<span>宽 <input type="text" class="size"> mm</span>
					<span>高 <input type="text" class="size"> mm</span>
					<br />
					<span><input type="radio" name="two" id="box-size2">
						<label for="box-size2">内径</label></span>
					<span>长 <input type="text" class="size"> mm</span>
					<span>宽 <input type="text" class="size"> mm</span>
					<span>高 <input type="text" class="size"> mm</span>
					<select>
						<option type="#" >查看详情</option>
					</select>
				</div>
				<div class="label-box">
					<label><img src="ico3.png" />选择材质</label>
				</div>
				<div class="input-box second-intput-box">
					<span><input type="radio" name="three" id="box-material1">
						<label for="box-material1">三层A瓦优质</label></span>
					<span><input type="radio" name="three" id="box-material2">
						<label for="box-material2">三层A瓦优质</label></span>
					<span><input type="radio" name="three" id="box-material3">
						<label for="box-material3">三层A瓦优质</label></span>
					<span><input type="radio" name="three" id="box-material4">
						<label for="box-material4">三层A瓦优质</label></span>
					<span><input type="radio" name="three" id="box-material5">
						<label for="box-material5">三层A瓦优质</label></span>
					<select>
						<option type="#" >查看详情</option>
					</select>
				</div>
				<div class="submit-box">
					<input type="submit" value="下一步">
				</div>
			</form>
		</div>
	</div>
</main>
<footer>
	<div class="foot-t">
		<div class="ft-box">
			<div class="ft-l">
				51包装网——纸箱包装首选服务平台
			</div>
			<div class="ft-m">
				<a class="ft-link" href="#">关于我们</a>
				<a class="ft-link" href="#">配送流程</a>
				<a class="ft-link" href="#">联系我们</a>
				<a class="ft-link" href="#">下单指南</a>
				<a class="ft-link" href="#">媒体介绍</a>
			</div>
			<div class="ft-r">
				<img src="wx.png" />
				<p>TEL:400-000-000</p>
				<p>企业QQ:123456789</p>
				<P>微信:XXXXXXX</P>				
			</div>
	</div>
	<div class="foot-b">
		<div class="fb-box">
			  北京五一包装科技有限公司Copyright ©2015 51baozhuang.com015 All rights reserved.    京icp备99999999-1 
		</div>
	</div>
</footer>
</body>
</html>

html{
	font-size:625%;
	margin:0;
	padding:0;
}
body{
	margin:0;
	padding:0;
	min-width:320px;

}
/*中间宽度*/
.ht-box,.hb-box,.mt-box,.mb-box,.submin-box,.ft-box,.fb-box{
	width:90%;
	max-width:1200px;
	margin:0 auto;
}
@media screen and (max-width:767px) {
    .ht-box,.hb-box,.mt-box,.mb-box,.submin-box,.ft-box,.fb-box{
        width:99%;
        margin:0 auto;
    }
}
.ht-box{
	height:0.4rem;
	display:flex;
	justify-content:space-between;	
	align-items:center;
}

/*头部*/
.head-t{
	background:#1d7ad9;	
}

.ht-left{
	color:#fff;
	font-size:0.14rem;
}
.ht-right{
	height:100%;
	font-size:0.16rem;
}
a.ht-link{
	display:inline-block;
	height:100%;
	line-height:0.4rem;
	padding:0 0.1rem;
	text-decoration:none;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
a.ht-link:link,a.ht-link:visited{
	color:#fff;
}
a.ht-link:hover{
	color:#000;
	background:#fff;
}
.head-b{
	background:#f9f9f9;
	font-size:0.16rem;
	text-align:right;
}
button.hb-btn{
	background:#fff;
	margin:0.26rem 0 0.26rem 0.6rem;
	padding:0.08rem;
	border:none;
	border-radius:5px;
	border-right:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;	

}
@media screen and (max-width:767px) {
    button.hb-btn{
        margin:0.26rem 0 0.26rem 0.3rem;
    }
}
@media screen and (max-width:500px) {
    button.hb-btn{
        margin:0.26rem 0 0.26rem 0.05rem;
    }
}
button.hb-btn:hover{
	background:#1d7ad9;
	border-color:none;
	color:#fff;
}
button.hb-btn:focus{
	outline:none;
}
/*进度条*/
.mt-box{
	display:flex;
	justify-content:flex-end;
	margin-top:0.5rem;
}
.bar{
	width:15%;
	height:0.05rem;
	font-size:0.14rem;
	border-radius:1px;
	background:#ccc;
	text-align:center;
	position:relative;
}
@media screen and (max-width:767px) {
    .bar{
        width:20%;
    }
}
@media screen and (max-width:767px) {
    .bar{
        width:25%;
    }
}
.bar span{
	display:inline-block;
	width:0.24rem;
	height:0.24rem;
	border-radius:100%;
	background:#ccc;
	line-height:0.24rem;
	position:relative;
	top:-0.1rem;
	color:#fff;
}
.bar:hover,.bar:hover span{
	background:#ff7f02;
}
.bar:hover p{
	color:#ff7f02;
}
.bar p{
	font-size:0.18rem;
}
@media screen and (max-width:500px) {
    .bar p{
        font-size:0.14rem;
    }
}
/*表单*/
.mb-box{
	font-size:0.18rem;
	margin-top:1rem;
}
.mb-box>p{
	font-size:0.22rem;
}
.mb-box>p>span{	
	color:#1d7ad9;
	font-weight:bold;
	padding:0 1px;
}
form{
	border:1px solid #e7e7e7;
	position:relative;
	word-wrap-:break-word;
}
.first-label{
	border:none;
}
.label-box{
	color:#1d7ad9;
	font-weight:bold;
	background:#f4f4f4;
	padding:0.14rem 0;
}	
.input-box{
	background:#fbfcff;
	padding:0.28rem 0;
	border-top:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
	position:relative;
	padding-right:1.4rem;

}
.input-box span{
	width:2rem;
	text-align:center;
	position:relative;
	display:inline-block;
}
.label-box img{
	position:relative;
	top:5px;
	margin:0 5px;
}
.size{
	width:0.7rem;
	margin:0.25rem 0.01rem;
}
.submit-box{
	text-align:center;
}
.submit-box input{
	color:#fff;
	width:1.8rem;
	font-size:0.24rem;
	padding:0.1rem 0.55rem;
	margin:1.4rem auto 1rem;
	border:none;
	background:#e15053;
	border-radius:5px;
}
select{
	position:absolute;
	right:0.1rem;
	top:50%;
	margin-top:-0.17rem;
	height:0.37rem;
	/*小三角*/
	appearance:none;
	-moz-appearance:none;
 	-webkit-appearance:none;
	background: url("shape.png") no-repeat right;
	padding:0px 0.4rem 0 0.2rem;
	background-position:95% 50%;
}
/*单选按钮*/
input[type=radio]{
    /*去除浏览器默认样式*/
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /*自定义样式*/
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    border: 1px solid #1d7ad9;
    outline: none;
    cursor: pointer;
    /*设置为圆形，看起来是个单选框*/
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

/**
* 单选框 选中之后的样式
**/
input[type=radio]:after{
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #1d7ad9;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    /*增加一些动画*/
    -webkit-transition : all ease-in-out 300ms;
    -moz-transition : all ease-in-out 300ms;
    transition : all ease-in-out 300ms;
}
input[type=radio]:checked:after{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}


/*底部*/
.foot-t{
	color:#999;
	background:#f9f9f9;
}
.ft-box{	
	padding:0.6rem 0;
}
@media screen and (min-width:500px) {
    .ft-box{
        display:flex;
    }
}
.ft-l,.ft-m,.ft-r{
	width:30%;
	flex-grow:1;
	margin:0 0.4rem;
}
@media screen and (max-width:500px) {
    .ft-l,.ft-m,.ft-r{
        margin:0.5rem auto;
        text-align:center;
    }
}
.ft-l{
	font-size:0.18rem;
}
.ft-m{
	font-size:0.14rem;
}
a.ft-link{
	display:inline-block;
	width:1rem;
	text-align:center;
	text-decoration:none;
}
a.ft-link:link,a.ft-link:visited{
	color:#999;
}
a.ft-link:hover{
	color:#1d7ad9;
}
.ft-r{
	font-size:0.14rem;
}
.ft-r img{
	width:1rem;
	height:1rem;
}
@media screen and (min-width:992px) {
    .ft-r img{
        float:right;
    }
}
.ft-r p{
	margin-top:0;
}
.foot-b{
	color:#fff;
	font-size:0.12rem;
	text-align:center;
	padding:0.1rem;
	background:#1d7ad9;
}

去第页

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