html 相关问题

HTML（超文本标记语言）是用于构造网页和格式化内容的标准标记语言。 HTML在语义上描述了网站的结构以及用于表示的提示，使其成为标记语言，而不是编程语言。 HTML主要与CSS和JavaScript结合使用，为页面添加样式和行为。 HTML规范的最新修订版是HTML5.2。

使用 tailwind css 的 Next.js 中的砖石墙未对齐

我在 Next.js 14 中使用 tailwind CSS 创建了一个图像库。问题是网格底部网格元素的描述移至下一列。我尝试过的解决方案：我用过g...

javascript html css tailwind-css next.js14

回答 1 投票 0

我如何使用 swiperjs 使箭头按预期工作

我正在尝试使用 html、css 和 js 制作一个网站，我尝试使用 swiperjs 使箭头起作用，但我似乎无法抓住它。根据我的尝试，我可以使“运动”从...

javascript html css swiper.js

回答 1 投票 0

如何设置粘性元素的高度？

这是粘性元素的一个简单示例，但我想知道为什么我不能为粘性元素（绿色块）设置高度。。容器 { 背景：红色；显示：柔性；弯曲-

html css height sticky

回答 2 投票 0

在JS中，检查element.style.bottom是否为空不起作用

我有一个元素我需要以编程方式切换 JavaScript 中的底部属性，因此我有一个简单的单击事件，该事件使用 t...

javascript html css

回答 1 投票 0

在 Angular 10 中显示 ng-content 两次

我正在使用自定义角度组件，我需要将投影内容显示两次。假设我有这个 html：我正在使用自定义角度组件，我需要将投影内容显示两次。假设我有这个 html： <app-awesome> <app-awesome-card *ngFor="let card of cards"> <h1>{{card.title}}</h1> <img [src]="card.thumbnail"> </app-awesome-card> </app-awesome> 所以，在awesome-card.component.html中，投影的内容将是一些我想投影两次的卡片组件。可能是这样的： <div class="awesome-class"> <ng-content select="app-awesome-card"></ng-content> </div> <div class="more-awesome-class"> <ng-content select="app-awesome-card"></ng-content> </div> 但这不起作用，因为 ng-content 只是“粘贴”模板，无法复制。即使我像这样使用 ng-template: <div class="awesome-class"> <ng-container *ngTemplateOutlet="content"></ng-container> </div> <div class="more-awesome-class"> <ng-container *ngTemplateOutlet="content"></ng-container> </div> <ng-template #content> <ng-content select="app-awesome-card"></ng-content> </ng-template> 这也行不通。我花了一周时间试图找到一个优雅的解决方案，但我找不到。只直接修改 DOM，但这是一个不好的做法。我见过一些类似的老问题，甚至有一个 Github 请求这个问题，但似乎当时没有人知道答案。 PD： ContentChild 也不会工作，因为它无法看穿投影内容（或我相信的东西）编辑如果我可以访问投影的内容信息，我可以手动渲染内容，但我尝试的一切都失败了我能提供的是传递一个模板而不是传递一段html <app-awesome> <ng-template> // or your own helper structural directive can be used. <app-awesome-card *ngFor="let card of cards"> <h1>{{card.title}}</h1> <img [src]="card.thumbnail"> </app-awesome-card> </ng-template> </app-awesome> @ContentChild(TemplateRef) contentTpl; ... <div class="awesome-class"> <ng-container *ngTemplateOutlet="contentTpl"></ng-container> </div> <div class="more-awesome-class"> <ng-container *ngTemplateOutlet="contentTpl"></ng-container> </div> 就我而言，我正在改造现有组件，并发现尝试根据视口选择不同输出并处理ng-content投影出最后一次出现的问题。 <div class="mobile"> ... <ng-content></ng-content>  </div> <div class="desktop"> ... <ng-content></ng-content>  </div> 要修复，我将最后/第二次出现替换为： <ng-container *ngTemplateOutlet="contentTemplate"></ng-container> 并在其后面添加了代码： @ContentChild(TemplateRef) contentTemplate: TemplateRef<any>; 同样，必须用 ng-template 将调用者中的内容包裹起来，例如： <app-custom-thing class="some-class"> <ng-template> Your content here! </ng-template> </app-custom-thing> 这具有允许先前使用而不用 ng-template 进行包装的效果，以继续像以前一样工作，而未来需要 ng-template 的使用将按预期呈现。好奇其他人是否有意见或替代方法来实施。谢谢！您需要一个 .上课前点 <ng-template #content> <ng-content select=".app-awesome-card"></ng-content> </ng-template>

javascript html angular typescript

回答 3 投票 0

更改样式表内由 data-URL 加载的 SVG 图像的填充颜色

我想要通过 url('data...') 属性将不同颜色的图像加载到样式表内。所有图像都嵌入在 css 文件中。唯一的区别是填充颜色

javascript html css svg

回答 4 投票 0

将角度信号值设置为 HTML 选择选项

我有一个角度组件，它异步调用一些数据并将值存储在这样的信号上。 tipoSignal: WritableSignal = signal({}) as WritableSignal;

html angular typescript signals

回答 1 投票 0

服务器存储的字体与 Google 字体？

将字体存储在我的项目中（例如在 Styles 文件夹中）还是链接到 Google 的字体，在速度和可靠性方面哪个更好？ IE @font-face { 字体系列：'myfont'； src: url(哥特式.tt...