堆棧內存溢出
cost 85 ms
從 CSS 獲取金額的數字部分

[英]Get the numeric part of an amount from CSS

有沒有辦法，使用純 CSS 來獲取數值而不拉回單位？ 例如說我有一個 CSS 變量定義為:root {--maxWidth: 100px;} 。 如果我想獲得該值與我的視口寬度的比率，我不能因為calc(100vw / var(--maxWidth))會失敗，因為你不能將一個帶有單位的數字除以另一個 ...

圍繞非中心點居中溢出元素

[英]Centre overflowing element around non-centre point

我有一個 1000px 寬的元素 E，它位於父容器 P 中。 在 E 的 1000 像素寬度中，列 x position 600–800px 比其他列更重要，所以隨着它的父元素變窄，我想 position E 在 P 內，這樣這些像素在 P 內可見並居中（直到這不再可能）。 所以，如果 P 可以適合 ...

CSS：如何在 @media 中的 calc() 中使用 var()

[英]CSS: How to use var() inside calc() inside @media

在一個網站上，我有不斷變化的按鈕 ( <li> ) 數量，如果它們在移動設備上不能排成一行，我需要調整它們的大小。 移動設備具有不同的寬度，並且（如前所述）按鈕的數量可能會有所不同。 我已經將按鈕的數量作為父（ <ul> ）元素中的樣式參數： style="--button ...

將@debug 或@function @return 值分配給SCSS 中的變量

[英]assign @debug or @function @return value to variable in SCSS

有什么方法可以通過@function或@debug將值傳遞給$variable我正在使用多個Calc 方法，當它在mixins calc() 和calc() 中組合時不起作用。 例如 Html SCSS 當我檢查 window 中的結果時，它會像這樣顯示結果 但我想要的是在瀏覽器中計算出的值，例如 ...

使用 CSS 使用 calc(px + vw) 計算流體 CSS 元素大小

[英]Calculating fluid CSS element sizes using CSS using calc(px + vw)

這里使用這個方法： https://css-tricks.com/fun-viewport-units/ 我想計算如何在視口大小1920px 和 375px之間實現特定的變化量示例：我希望我的 150px 元素在 1920px 和 375px 之間縮小 40px 問題： 我不確定我應該使用什么方程來 ...

是否有一種純粹的 CSS 方法可以使子元素適合具有階梯（寬度）值的父元素

[英]Is there a pure CSS way to make a child element fit into parent with stepped (width) values

我有一個動態調整大小的容器元素。 在容器內，我有另一個塊元素 - 假設它是一個 h1 - 默認情況下和設計具有相同的寬度。 我想確保 h1 的寬度始終是例如 50px 的倍數。 （我想用 50px 寬度的重復圖像強調它，不顯示截止圖像也不拉伸圖像 - 否則邊框圖像可能是解決方案）。 我嘗試了類似- ...

向 div 添加邊距會將其推離屏幕

[英]Adding margin to div pushes it off the screen

我想在我的每個 div 周圍留出 5px 的邊距，但是當我在 CSS 中添加它時，除了 div 之間和底部之外，每一邊都有 5px 的邊距。 這兩個 div 也從頁面底部溢出。 我知道這是因為頂部的 5px 邊距將 div 推離了屏幕。 我不確定如何讓它只是在周圍添加邊距並相應地縮小 div。 * ...

CSS calc() 在 Firefox 上無法按預期工作

[英]CSS calc() doesn't work as expected on Firefox

此代碼位於 div 的 CSS 塊中： --z: calc(1082px - 100%); --z1: calc(var(--z) * 1000); --z2: calc(max(var(--z1) * (-1), var(--z1))); /* abs */ --z3: calc( ...

2021-11-11 14:46:31   1   62    css / css-calc  
為什么這個元素的寬度不是 0？

[英]Why is the width of this element not 0?

我有一個用 calc 設置的寬度，它應該返回 0，但是當我查看計算出的寬度時，它顯示為 22.2333px。 :root { --show: 1; } .test { display: inline-block; overflow: hidden; width: calc(var(- ...

2021-10-20 23:07:19   1   19    css / css-calc  
如何將 css calc() 的值分配給 css 變量，並且不會延遲計算，直到使用 css 變量

[英]How can I assign the value of a css calc() to a css-variable, and not have it delay the calculation until the css-variable is used

我一直無法從我能找到的任何解釋中確定關於何時設置 css 變量的值。所以我進行了測試 html css 注意我在自定義元素中進行了測試，因此是:host描述符，但這並不重要。 重要的是我將--div-width設置為calc(100% - 10px)在一個 800px 寬的 div 中 ...

使用 calc() 正確添加 CSS 變量

[英]Getting CSS Variables to Add Correctly using calc()

我正在嘗試一個新概念，使用 CSS 變量作為二進制寄存器來創建數據流，最終計算最終顯示在文檔的后面。 這個想法在顯示一個變量的最終值時有效，或者在下面的示例中分別顯示兩個變量。 但是，當我嘗試將這兩個變量加在一起時，該過程似乎失敗了，我不確定 CSS 的哪一部分有問題，導致結果無法顯示。 以下示例： ...

僅使用 CSS 的復雜比例三元素進度條設計

[英]Sophisticated proportional triple element progress bar design using only CSS

我制作了一個自定義進度條，由三個單獨的部分組成（一個獨特的可定制中心部分、一個左側部分和一個右側部分），但我很難在所有階段正確對齊中心塊。 首先，我將使用三個圖形布局顯示所需的結束 state，然后我將描述當前的問題，最后我將提供我當前的解決方法黑客，這是錯誤的，需要某種修復。 三個理想狀態： 顯示 ...

將 CSS 百分比寬度指定為視口寬度的 function

[英]Specify CSS percentage width as a function of viewport width

我的網頁上有一些文本段落，我想將其格式化為占據頁面寬度的一定百分比。 我決定當頁面為 800px 寬時，文本應占頁面寬度的 80%，當頁面為 1440px 寬時，文本應占頁面寬度的 40%。 然而，問題是我希望在不同寬度之間有一個平滑的過渡，這意味着在 1120 像素寬時，文本將占據頁面寬度的 6 ...

Calc() 不適用於 Safari 和 Firefox 中的 stroke-dashoffset

[英]Calc() not working with stroke-dashoffset in Safari and Firefox

嘗試在 Safari (v12+) 和 Firefox (v84+) 中使用帶有stroke-dashoffset屬性的calc() ) 會導致瀏覽器將值呈現為0px而不是預期值。 Chrome 的行為符合預期。 在下面的示例中，兩個 SVG 看起來應該相同，線條的筆划延伸到正方形的一半。 s ...

CSS 變量計算 HSL 值

[英]CSS variable calculation of HSL values

我想要一個基本的 HSL 顏色值，我想將其實現為漸變，如下所示： 上面的代碼產生一個透明的 object 我不明白為什么，請幫忙！ ...


排序:
質量:
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM