在弹性项目中截断文本

[英]Truncate text in flex item

我有一个左右两侧的标题。 左侧包含一些我希望保留在一行中的文本，如果需要则用省略号截断。 但是，当我将white-space: nowrap应用于它时，整个标题就会超出其容器。 这就是我的意思： .container { width: 300px; height: 400p ...

充当复选框时更改标签的背景

[英]Change the background of a label when acting as checkbox

我有带有嵌套在其中的图像的标签，它充当复选框。 我不知道的是，当选中特定的复选框（单击标签）后，如何更改图像后面的背景。 似乎其中一个复选框正在显示背景，但不是两个都显示，并且height元素不起作用。 有人看到我在做什么错吗？ .notificationImgs ...

在div内拉伸任意数量的跨度

[英]Stretch any number of spans inside div

我有自己的旋转木马，并且正在尝试进行导航。 .carousel-nav-box { width: 100%; } .carousel-nav-item { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius ...

Flexbox响应式的三列布局

[英]Three Column Layout with Flexbox on responsive

我对三个布局列进行了一次小调查。 在桌面上看起来像这样： 我的问题是在手机屏幕上。 我有一个人在另一个之下，之后又提出了问题。 参见下图。 我想要实现的是第一个人，然后是问题，第二个人，然后是问题，第三个人，然后是问题，如下所示： 有谁知道如何解决这个问题？ ...

左侧是CSS Flex One Large Div，右侧是两个小div

[英]CSS Flex One Large Div on the left and two small divs on the right

我知道我可以使用css float轻松实现这种布局，这是我现在拥有div的当前方式。 但是，我正在尝试重新编码并将其更改为flex alignment。 这是我的标记： <div id="the-posts"> <div class="the-post-inn ...

如何在另一个div内将利润设置为两个div？

[英]How to set margins to two div inside another div?

我想在另一个div内为两个div设置不同的边距。 第一个div应该出现在第二个div的顶部。 我使用了上面提到的代码，但第一股也获得了margin 50 ，而不是margin 24 。 如何解决这个问题？ 无法使用position:absoulte到第二个div。 ...

在父元素之外溢出子元素

[英]Overflowing a child element outside the parent element

我有一个简单的卡，其中包含图像.menu-card__header-image 。 悬停，我希望通过一些像素提升的形象了。 但是，当我提起图像时，该图像在父容器.menu-card外部不可见。 .menu-card { font-family: sans-serif; col ...

我的页面向右滚动。 为什么会这样呢？

[英]My page is scrolling to right. Why is it happening?

我正在构建一个网页，并在小屏幕的布局中工作（ max-width: 600px ）。 当屏幕变窄时，页面会出现一些水平滚动，如代码段所示，但这对我来说是意外的。 我在代码中找不到比视口更宽的宽度。 为什么会有那个卷轴？ /* CSS from index_default.c ...

卡中的图像由于样式而显得很差（Bootstrap 4）

[英]Image in the card appears very poorly because of styles (Bootstrap 4)

如果上传的图像具有较高的高度和较小的宽度，则该图像在卡（用户卡）中的显示效果很差。 这是HTML和CSS部分。 我们正在使用Angular： HTML CSS 是什么会导致此类问题，以及如何在Bootstrap 4中修复此问题，以便所有类型的映像看起来都正常？ ...

bootstrap 4 pull-right在导航栏上不起作用

[英]bootstrap 4 pull-right is not working on navbar

我正在使用Bootstrap 4。 我没有在页面上找到导航栏，我不知道问题出在哪里。 是否有其他人可以帮助您解决此问题。 我试图将类pull-right添加到navbar-collapse div，但是它不起作用。 因此，我也尝试添加float right属性 ...

如何以三种不同方式对齐弹性项目？

[英]How to align the flex items in three different ways?

因此，我想像上图一样在flex-box内对齐项目。 我有如下的HTML： CSS作为 ...

CSS ::在向右推文本之前，如何避免/覆盖？

[英]CSS::before pushes text to the right, how to avoid/override?

我想使用css property :: before在段落之前添加标记。 我设法正确渲染标记，但它将段落中的文本推向右侧。 我想避免这种情况，因为标签将放在段落的左上角，文本应该放在标签下面。 我看了w3schools试图找出它是如何完成的。 我也试着查看我看到设计的网站，但无法 ...

根据内容划分高度

[英]Div height according to content

我正在使用具有固定页眉和页脚的Modal。 这是Jsfiddle示例 当前， scrollable-stuff类的高度为80％。 如果内容较少并且没有滚动，那么我需要减小高度并采用内容的高度。 例如， 此示例的内容较少，没有滚动条，但有空白。 我需要考虑内容的高度，以防万一 ...

单击并拖动滚动以在释放时具有动量

[英]Click and drag scroll to have momentum when releasing

我需要的两件事是你可以在拖动时选择滚动的速度，一旦释放它仍会移动一点，而不是立即停止。 codepen： https ：//codepen.io/rKaiser/pen/qGomdR 我可以将速度设置得足够接近。 合理增添一些动力？ 或者在这里使用更合适的插件？ 谢谢。 ...

从我的联系人页面导航到主页时，弹出错误404

[英]ERROR 404 popping up when navigating from my contacts page to my home page

我有四个页面，分别是关于，项目和联系人的，所有链接都可以正常工作，除非当我从联系人页面导航回到主页时，错误404弹出，我不知道为什么，这是我的网页，请在此处查看， https://chrisalta94.github.io/Christopher-Personal-Portfolio/in ...

Autoprefixer通常为浏览器特定的扩展添加前缀

[英]Autoprefixer generically adds prefixes to browser-specific extensions

如何阻止autoprefixer向Mozilla特定扩展添加-webkit前缀？ 这里有一些例子可以说明我的观点： -webkit-transition在这里无关紧要，因为它是Mozilla特定的选择器（::-moz-range-thumb）。 由于Autoprefixer创 ...

CSS中的Flex定位

[英]Flex positionning in CSS

我正在创建一个React Native应用程序，我想使用flex来构造我的元素在屏幕上的位置。 考虑到我们有以下屏幕：红色区域的flex-grow值为1，黄色区域2以及绿色区域3。它们都有一个父级display: flex和flex-grow: 1 。 （这是React Native，因此默 ...

宽度转换不适用于柔性显示器

[英]Width transtion not working with flex display

我有一个flex元素，只要将鼠标悬停在上面就可以扩展。 这是我的代码： 的HTML 的CSS 我希望#header扩展1秒以上，而不是立即扩展。 谢谢您的帮助！ ...

有没有做@media查询或自定义类的简写方法？

[英]Is there a shorthand way of doing a @media query OR a custom class?

我的网站上有一个侧边栏，在较小的屏幕上折叠成一个较窄的边栏。 我想现在添加一个选项，即使你在一个大屏幕上，也能够切换到更窄的侧边栏。 假设我通过将类.compact添加到<body> 。 我的紧凑侧边栏的CSS最初是在@media块中： @media(min-wi ...

在部分的上面和底部的波浪背景

[英]Wave background on top and bottom of a section

我有一个常见问题解答，我希望顶部有顶波背景，底部也有波背景 我想要这样的东西 这是我到目前为止所拥有的 HTML CSS 这是我有两张背景图片 顶波 底波 我需要做什么才能得到我想要的东西？ ...