display 相关问题

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .cl1{ margin: 0px; padding: 20px; } #d1{ display: inline-block; background-color: rgb(104, 204, 162); border: 3px solid blue; } #d2{ display: inline-block; background-color: rgb(255, 119, 226); border: 3px solid rgb(0, 10, 203); } </style> </head> <body> <div class="cl1" id="d1">1st block</div> <div class="cl1" id="d2">2nd block</div> </body> </html> 上述代码的输出 margin 属性对划分没有影响 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{ margin: 0; } .cl1{ padding: 20px; } #d1{ display: inline-block; background-color: rgb(104, 204, 162); border: 3px solid blue; } #d2{ display: inline-block; background-color: rgb(255, 119, 226); border: 3px solid rgb(0, 10, 203); } </style> </head> <body> <div class="cl1" id="d1">1st block</div> <div class="cl1" id="d2">2nd block</div> </body> </html> 上述代码的输出现在我使用通用选择器 {} 并将边距定义为 0px，它开始工作。为什么边距在类选择器中不起作用，而在通用选择器中不起作用？还有，哪里可以了解CSS中的所有显示值？正如LoS所述，许多浏览器默认将 body 元素的 margin 属性设置为正值（根据我的经验，它似乎总是 8px）。要使 HTML 元素接触视口的边缘，必须将 margin 属性设置为 0px。当您不希望视口边缘和网页边缘之间存在间隙时，应始终使用以下 CSS 代码： body { margin: 0px; }

html css margin display

回答 1 投票 0

如何在前端将 Laravel Voyager 中存储的视频作为文件显示？

我想在前端显示 Laravel Voyager 存储的多个视频，我试图通过以下方式提取通过管理员上传的视频： @foreach（$videos 作为 $video）我想在前端显示 Laravel Voyager 存储的多个视频，我正在尝试使用以下命令提取通过管理员上传的视频： @foreach ($videos as $video) <video width="320" height="240" controls> <source src="{{ Voyager::image( $video->file) }}" type="video/mp4"> </video> @endforeach 但是不行，有人可以帮忙吗？您可以像这样直接从存储中调用它： @foreach ($videos as $video) <video width="320" height="240" controls> <source src="{{ Storage::url($video->file) }}" type="video/mp4"> // Or <source src="{{ asset("storage/$video->file") }}" type="video/mp4"> </video> @endforeach @php // 解码 JSON 字段 $fileInfo = json_decode($model->file_column, true); @endphp @if ($fileInfo && isset($fileInfo[0]['download_link'])) 您的浏览器不支持视频标签。 @endif

laravel video display voyager

回答 2 投票 0

在单击按钮显示该容器之前，将容器保持在流程之外的正确方法是什么？

我一直在努力让容器远离流程，直到我单击按钮来显示它们。也许这是一个根本性的事情。在此示例中，当我单击以下任何类别时：男士、女士、...

html css transition display

回答 1 投票 0

如何使用 Swift 获取 macOS 中连接显示器的显示名称

我正在尝试检索连接到我的 Mac 的显示器名称列表。使用 NSScreen，我可以获得如下列表： func getDisplayNames() -> [字符串] { 变量名称 = [字符串]() 卦...

swift macos graphics display appkit

回答 1 投票 0

display 相关问题

最新问题