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

使用 JFrame 和 AffineTransform 进行缩放和鼠标单击

当显示 BufferedImage 并设置相对于缩放比例的鼠标单击位置时，我遇到了将鼠标单击绑定到 JFrame 位置的问题。（代码来自...

java jframe display affinetransform

回答 1 投票 0

内联块不适用于图像及其后面的列表

我需要创建一个简单的导航栏，没有搜索框，只有徽标和旁边的链接，并且我不允许使用浮动或弹性框，这是代码： .nav-标志 img{ 高度：48像素；显示：内联块；

html css html-lists vertical-alignment display

回答 1 投票 0

Angular 中的枚举数组

如何在 Angular 中显示枚举数组？我有一个带有枚举数组属性的对象，我想在 html 组件中显示：如何在 Angular 中显示枚举数组？我有一个带有枚举数组属性的对象，我想在 html 组件中显示： <ul class="list-group list-group-flush"> <li *ngFor="let prop of object.characteristics" class="list-group-item"> {{ prop }} </li> </ul> 我的特征值为=[冷静、社交、恐惧、保护、友善] 我尝试过对象？.特征，如果我使用 {{object.characteristics}}，那么它会起作用：平静，社交，恐惧，保护，友好但我想使用 *ngFor 属性为了更清楚起见，您能否分享一下您如何定义枚举数组？这似乎对我有用： import { Component } from '@angular/core'; export enum Characteristic { Calm = 'Calm', Social = 'Social', Fearful = 'Fearful', Protective = 'Protective', Friendly = 'Friendly', } @Component({ selector: 'app-sample-component', template: ` <ul class="list-group list-group-flush"> <li *ngFor="let prop of object.characteristics" class="list-group-item"> {{ prop }} </li> </ul> `, }) export class SampleComponent { object = { characteristics: [ Characteristic.Calm, Characteristic.Social, Characteristic.Fearful, Characteristic.Protective, Characteristic.Friendly, ], }; }

arrays angular enums properties display

回答 1 投票 0

当一个div位于另一个div前面时如何遮盖它

我希望一个div成为另一个移动div背景的固定部分。想象一下网站的上半部分是一个白色的 div。下半部分是一个蓝色的 div，上面漂浮着红色的圆圈。

html css z-index display clip

回答 2 投票 0

使用lv_textarea_add_text(ta, "á")遇到特殊字符问题

函数 lv_textarea_add_text(ta, "á") 不会在文本区域显示特殊字符。可能是什么问题？我尝试使用函数 lv_textarea_add_text(ta, "á")...

text unicode utf-8 display lvgl

回答 1 投票 0

恢复 matplotlib 导航工具栏选项

在更新我的计算机时，我在 Matplotlib 中丢失了我最喜欢的按钮。这是新的配置：这是旧的配置：旧配置有锯齿形按钮（倒数第二个，