个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
24
4
<!DOCTYPE html>
<html lang="en">
<head>
<!-- jQuery from CDN -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"> </script>
<script src="js/jribbble.js"></script>
<script src="js/bootstrap.js"></script>
<script>
{
$(document).ready(function()
//Paste your Client Access Token in the line below within quotes - you can build your API from https://dribbble.com/account/applications
$.jribbble.setToken('cca05ddeb756f269c5918ef26e50336f973d2e4146bbd80ec8ee87af31dd05a0');
$.jribbble.users('_koreyhall').shots({per_page: 36}).then(function(shots) {
var html = [];
shots.forEach(function(shot) {
html.push('<div class="col-sm-6 col-md-4 col-lg-4"> <div class="grid-list">');
html.push('<a href="' + shot.html_url + '" target="_blank">');
html.push('<img class="img-responsive" src="' + shot.images.normal + '" alt="' + shot.title + '"><\/a>');
html.push('<div class="overlay"><a target="_blank" href="' + shot.html_url + '">');
html.push('<h2>' + shot.title + '<\/h2>');
html.push('<\/a> <\/div><\/div><\/div>');
});
$('#shots').html(html.join(''));
});
});
</script>
<meta charset="utf-8">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta content="width=device-width, initial-scale=1" name="viewport">
<title>About | Portfolio by Korey Hall</title>
<!-- Bootstrap + Font Awesome + Main CSS -->
<link href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link href="css/bootstrap.css" rel="stylesheet">
<!-- customize this file if needed -->
<link href="css/main.css" rel="stylesheet">
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="wrapper">
<div class="container">
<header>
<div class="row">
<div class="navbar">
<div class="navbar-header">
<button class="navbar-toggle collapsed" data-target=".navbar-collapse" data-toggle="collapse" type="button"><span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button> <a class="navbar-brand" href="index.html">KOREYHALL</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li>
<a href="about.html" class="active">About</a>
</li>
<li>
<a href="blog.html">Blog</a>
</li>
<li>
<a href="portfolio.html">Portfolio</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
<ul class="nav navbar-nav social">
<li><a href="#"> <i class="fa fa-facebook"></i> </a></li>
<li><a href="#"> <i class="fa fa-twitter"></i> </a></li>
<li><a href="#"> <i class="fa fa-dribbble"></i> </a> </li>
<li><a href="#"> <i class="fa fa-linkedin"></i> </a></li>
<li><a href="#"> <i class="fa fa-envelope"></i> </a></li>
</ul>
</div><!-- /.nav-collapse -->
</div><!-- /.navbar -->
</div>
<div>
<h1 class="intro">About Me</h1>
<div class="about">
<p class="about">
<span>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into.</span>
</div>
</div>
</header>
</div>
</div>
<footer>
<div class="container">
<nav class="nav-footer">
<ul>
<li>
<a href="about.html" class="active">About</a>
</li>
<li>
<a href="blog.html">Blog</a>
</li>
<li>
<a href="portfolio.html">Portfolio</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
<ul>
<li><a href="#"> <i class="fa fa-facebook"></i> </a></li>
<li><a href="#"> <i class="fa fa-twitter"></i> </a></li>
<li><a href="#"> <i class="fa fa-dribbble"></i> </a> </li>
<li><a href="#"> <i class="fa fa-linkedin"></i> </a></li>
<li><a href="#"> <i class="fa fa-envelope"></i> </a></li>
</ul>
<p class="credits text-center">© All Rights Reserved 2016</p>
</nav>
</div>
</footer>
</body>
</html>
如何删除关于我 + Loreum Ipsum 之间的空白？非常感谢那些可以帮助我的人，“事件”标签是否正确，因为它在此代码中不起作用
最佳答案
你有这个:
<h1 class="intro">About Me</h1>
<div class="about">
<p class="about">
删除 class="about"在<p>标签(即使其成为没有任何类别的常规 <p> 标签)- 这应该将“关于我”标题的距离重置为正常范围(现在它加倍了)。
关于css - 如何从我的网站 html 中删除空白区域，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36143716/
24
4
0
我是一名优秀的程序员,十分优秀！