在下面的代码中应用 float: right; 在 i 标记上，Font Awesome 图标箭头向右但不在同一行上。
我希望箭头应该像附加图像一样在同一条线上。
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<style type="text/css">
.content {
display: block;
margin: 0 auto;
height: 40px;
line-height: 40px;
width: 300px;
padding: 0px 20px 0px 20px;
border: 1px solid red;
}
div {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-right: 40px;
}
i {
float: right;
color: green;
display: inline-block;
}
</style>
</head>
<body>
<a class="content" href="/United Arab Emrits">
<div>National and world news with background material, activities, discussion starters and …谁能告诉我下面的代码有什么问题。左边距和上边距.middle不起作用。
我做了很多工作，但找不到下面的代码有任何问题。
请遵守.middle班级及其div适用情况.middle。
.container {
height: 48px;
width: 80%;
background-color: #999;
margin: 0 auto;
}
.left {
margin-left: 6px;
height: 40px;
background-color: red;
margin-top: 4px;
float: left;
overflow: hidden;
width: 30%;
}
.middle {
margin-left: 6px;
height: 40px;
background-color: green;
margin-top: 4px;
overflow: hidden;
width: auto;
}
.right {
margin-left: 6px;
height: 40px;
background-color: blue;
margin-top: 4px;
margin-right: 6px;
float: right;
overflow: hidden;
width: 40%;
}
.button {
float: right;
margin-right: 6px; …在谷歌Uncaught (in promise) DOMException: Quota exceeded浏览器中浏览网站时如何解决（或隐藏）Service Worker 中的错误Incognito mode。
在正常模式下，一切正常。
我的渐进式 Web 应用程序的 Service Worker 代码是
var version = 'v2:';
var offlineFundamentals = [
'/',
'/offline.html'
];
var updateStaticCache = function () {
return caches.open(version + 'fundamentals').then(function (cache) {
return Promise.all(offlineFundamentals.map(function (value) {
var request = new Request(value);
var url = new URL(request.url);
if (url.origin != location.origin) {
request = new Request(value, {
mode: 'no-cors'
});
}
return fetch(request).then(function (response) {
var cachedCopy = response.clone();
return …我正在尝试制作一个有序的链接列表,但面临一些问题,使用display时不会显示包含列表项的数字:inline-block; 和文本溢出:省略号;
我有HTML
<ol>
<li><a href="One">Link One One One One One One One One</a></li>
<li><a href="Two">Link Two Two Two Two Two Two Two Two</a></li>
<li><a href="Three">Link Three Three Three Three Three Three</a></li>
<li><a href="Four">Link Four Four Four Four Four Four Four</a></li>
<li><a href="Five">Link Five Five Five Five Five Five Five Five</a></li>
<li><a href="Six">Link Six Six Six Six Six Six Six Six Six Six</a></li>
<li><a href="Seven">Link Seven Seven Seven Seven Seven Seven Seven</a></li>
<li><a href="Eight">Link Eight Eight Eight Eight Eight Eight …