我想让图标居中对齐排成一行。
.ft-foot {
float: left;
width: 100%;
padding: 3px 10px;
background: #000;
}
.inclusion {
color: white;
padding: 5px 0 10px 0;
display: block;
letter-spacing: 1px;
text-align: center;
}
.inclusion span {
display: block;
font-size: 10px;
text-transform: uppercase;
}
.inclusion i {
font-size: 30px;
}<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="ft-foot">
<ul>
<li><a class="inclusion"><i class="fa fa-male" aria-hidden="true"></i><span>Guide</span></a>
</li>
<li><a class="inclusion"><i class="fa fa-car" aria-hidden="true"></i><span>Site seeing</span></a>
</li>
<li><a class="inclusion"><i class="fa fa-building-o" aria-hidden="true"></i><span>Hotels</span></a>
</li>
<li><a class="inclusion"><i class="fa fa-plane" aria-hidden="true"></i><span>Transportation</span></a>
</li>
<li><a class="inclusion"><i class="fa …我正在使用 sweetalert 在 ajax 响应成功时显示一条消息，但它没有正确显示，即没有显示成功图标。
这是我的ajax代码
var formData = $("#enqform").serialize();
jQuery.ajax({
type: 'POST',
url: '<?php echo base_url() ?>tour-package/send-mail',
data: formData,
dataType: 'json',
success: function(data){
if(data.status == 1){
swal({
title: "Thankyou!",
text: "Our excecutives will contact you soon.",
icon: "success",
});
window.setTimeout(function() {
window.location.href = '<?php echo base_url() ?>tour-packages';
}, 100000);
}
else{
swal("Error occured !");
}
}
});
return false;
e.preventDefault();
}
https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.19.2/sweetalert2.min.css
https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.19.2/sweetalert2.min.js
我正在使用这些 css 和 js 来访问 sweetalert。