frontend 相关问题

我正在使用 Angular 7，并且有一个 ngx-select 下拉列表，其中的选项是从数据库检索的。代码如下：我正在使用 Angular 7，并且有一个 ngx-select 下拉列表，其中的选项是从数据库检索的。代码如下： <div class="col-lg-6"> <ngx-select class="form-control-file" noResultsFound="noResultsFound" placeholder="Choose" [items]="firstList" optionValueField="id" optionTextField="name" formControlName="firstList" [searchCallback]="localeSearch"> </ngx-select> </div> 问题是某些选项文本太长，无法在下拉列表中完全显示。我希望当用户将鼠标悬停在选项上时显示全文。如何在 ngx-select 中实现这一目标？我不喜欢使用 Angular Material。有没有办法在 ngx-select 中实现这一点？要解决这个问题，您可以使用 ngbPopover，您可以从此链接获取更多详细信息：ngbPopover 用途：假设你有一个 span 元素： <span ngbPopover="item.title" triggers="mouseenter:mouseleave" placement="bottom">Test</span>

angular frontend angular7 ngx-bootstrap

回答 1 投票 0

任何人都可以解释如何使用CSS制作和排列盒子吗？

在此处输入图像描述用于制作盒子的css代码。我是初学者。请有人告诉我制作这张图片中的盒子的CSS代码是什么？在 yt 上搜索过但仍然没有

javascript html css flexbox frontend

回答 1 投票 0

移动视图中 svg 对象的外观与桌面视图不同

身体{ 边距：0vh 0vw； } . header { 位置：相对；宽度：100%；高度：12vh；背景颜色：#004d40；显示：柔性；对齐项目：居中；调整内容：居中；溢出：

html css svg frontend web-frontend

回答 1 投票 0

如何将自定义 CSS 添加到具有自己内置 CSS 的 PrimeVue 组件？

我正在尝试使用 PrimeVue < p-dialog > 制作自定义弹出对话框。但我似乎无法绕过它附带的 CSS；我想使用自己的并保留功能。我没有...

css vue.js frontend primevue

回答 2 投票 0

如何通过tcp/ip连接前后端？

我有一个 GUI（前端，用 C++ 编程）和一个内核（后端，用 C++ 编程）。目前，前端仅链接到后端库。但是，由于性能原因，我想要

c++ tcp frontend client-server backend

回答 1 投票 0

通过 JS 更新变量值后 CSS 伪类消失

我希望能够通过JS更新CSS变量，但是当我更新变量时，CSS伪元素被破坏（即消失）。这是 SCSS 代码：：根 { --测试-

javascript css frontend pseudo-element css-variables

回答 2 投票 0

为什么 line-clamp-1 和 truncate 不能与我的锚链接一起使用？

我正在 Windows 上使用 PHP 和 Laravel 以及 TailwindCSS 开发一个简单的 Web 应用程序。这是我的card.blade.php：我正在 Windows 上使用 PHP 和 Laravel 使用 TailwindCSS 开发一个简单的 Web 应用程序。这是我的card.blade.php： <div class="flex flex-col items-center justify-center h-[300px] w-[200px] rounded-md bg-blue-800 m-2"> <div> <img class="rounded-md" src="https://picsum.photos/seed/{{rand(1, 1000)}}/175"> </div> <div class="flex flex-col items-center leading-none p-1"> <a class="w-full font-bold text-xl" href="">{{$product->title}}</a> <a href="">{{$product->artist}}</a> </div> <div class="flex flex-col items-center text-xs"> <a>Release date: {{$product->date}}</a> <a>Release genre: {{$product->genre}}</a> <a>Release format: {{$product->format}}</a> </div> </div> 根据屏幕截图，文本溢出并占用了超出所需的空间。我已尝试将 class="truncate" 和 class="line-clamp-1" 添加到 {{$product->title}} 锚链接，但无济于事。我也尝试过 Firefox 和 Opera，它们产生了相同的结果。我该如何解决这个问题？预先感谢。这是可行的解决方案。我从截断锚点的父级中删除了一些 Flex 类，更准确地说是从父级中删除了 items-center 并添加了 w-full <div class="flex flex-col items-center justify-center h-[300px] w-[200px] rounded-md bg-blue-800 m-2"> <div> <img class="rounded-md" src="https://picsum.photos/seed/{{rand(1, 1000)}}/175"> </div> <div class="flex flex-col leading-none p-1 w-full"> <a class="font-bold text-xl truncate" href="">{{$product->title}}</a> <a href="">{{$product->artist}}</a> </div> <div class="flex flex-col items-center text-xs"> <a>Release date: {{$product->date}}</a> <a>Release genre: {{$product->genre}}</a> <a>Release format: {{$product->format}}</a> </div> </div> 这是工作示例

html css frontend tailwind-css

回答 1 投票 0

无限滚动背景图像扩展了页面宽度。我该如何解决这个问题

我正在尝试构建一个页面，我需要在其中创建无限滚动背景图像，其中图像循环以创建无限效果。在图像上方有一张卡片显示出现的内容...

css reactjs next.js frontend

回答 1 投票 0

如何制作无限滚动的字幕？我无法重复我的项目

如果这个问题有点初级，我很抱歉，但我现在已经在 CSS 方面碰壁了。而且我无法将注意力集中在无限滚动的字幕上。我还是很有信心/h...

css animation frontend

回答 1 投票 0

即使在“使用客户端”、UseEffect() 和 Next/Dynamic SSR 之后，窗口也未定义：已禁用 |下一页Js 14

这是我的文件夹结构。该页面由分解的客户端组件组成，尤其是“hero.jsx”。在此输入图像描述在 page.jsx 或主页中，我导入了所有