保留分割成單獨 HTML 元素的一行文字的字體間距

我正在嘗試重新創建一種常見技術，將單字拆分為單獨的HTML元素，以便可以透過動畫單獨定位它們。我遇到的問題是，當它們分成單獨的元素時，我會失去單字之間的間距。透過在每個單字後面加上 進行渲染，或向每個元素添加填充，我可以添加間距，但我想知道是否有一種方法可以做到這一點，而無需手動添加間隔/將它們彎曲到容器上並可以保留原始間距？我知道有像gsapSplitText這樣的插件，但我

P粉258083432 2023-09-10 18:37:01 0  1  651

邊框漸層與border-radius是否相容？

我正在為具有圓角邊框（border-radius）的輸入框添加樣式，並嘗試為該邊框添加漸變效果。我可以成功地創建漸變和圓角邊框，但兩者不能同時生效。要么是有圓角但沒有漸變，要么是有漸變但沒有圓角。 -webkit-border-radius:5px;-webkit-border-image:-webkit-gradient(linear,00,0100%,from(#b0bbc4),to(#ce

P粉824889650 2023-08-21 20:39:38 0  2  487

如何自訂Bootstrap行中超過g-5的列間距的原生CSS樣式

使用bootstrap正在建立一個簡單的落地頁。我需要增加行中的列間距。我知道我們可以透過自訂sass間距mixin來增加間距，但由於我正在建立的網站包含幾個部分，我希望保持簡單，不需要建置流程。我在行上使用了g-5類名，它在列之間提供了32px或40px的間距。如何使用CSS進一步增加它。列列

P粉644981029 2023-08-16 11:02:55 0  1  501

建立擁有邊框半徑的漸變邊框

我有以下的CSS：a.btn.white-grad{background:$lgrey;color:#313149!important;border:1pxsolid#000;border-image-source:linear-gradient(toright,#9c20aa,#fb3570) ;邊框影像切片:20;浮動:左;@includefont-size(

P粉930448030 2023-08-13 16:23:14 0  2  447

可以將邊框半徑與具有漸變的邊框圖像一起使用嗎？

我正在設計一個具有圓形邊框（邊框半徑）的輸入字段，並嘗試在所述邊框添加漸變。我可以成功地製作漸層和圓形邊框，但是兩者都不能一起工作。它要么是沒有漸變的圓角，要么是帶有漸變但沒有圓角的邊框。 -webkit-border-radius:5px;-webkit-border-image:-webkit-gradient(linear,00,0100%,from(#b0bbc4),to(#ced9de))

P粉633733146 2023-08-29 12:52:01 0  2  546

使用 HTML 和 Bootstrap 5 在表格中的行之間建立空間

我目前有一個包含我的內容的表格，但它看起來像我希望每行之間都有空間，使它們明顯分開，看起來像這樣我嘗試在td元素上使用填充，並在tr元素上使用邊框間距。在bootstrap5中執行此操作的最簡單方法是什麼？下面是我的HTML和CSS.icon-green{color:green;}table{border-collapse:separate;border-spacing:015px;}th,td{

P粉300541798 2024-03-29 15:09:13 0  1  366

css - img 標籤有邊框

請問img 標籤有邊框要怎麼樣才能去除呢？ {代码...} 我沒有用圖片路徑放上網頁後會有邊框但我用border:0也沒辦法消除....

PHP中文网 2017-06-12 09:24:40 0  3  961

Safari 瀏覽器不支援圓形頭像的 CSS

我的部落格使用的是gatsbyReact模板，但是當我在Safari瀏覽器（iPhone或Mac）上打開它時，頭像圖像不是圓形的。簡單程式碼部落格這是我用於頭像的樣式.bio-avatar{margin-right:var(--spacing-4);margin-bottom:var(--spacing-0);min-width:50px;border- radius:100%;}

P粉779565855 2024-02-17 18:38:55 0  1  473

了解使用者代理樣式表的作用

我正在GoogleChrome中處理網頁。它可以正確顯示以下樣式。 table{display:table;border-collapse:separate;border-spacing:2px;border-color:gray;}需要注意的是，我沒有定義這些樣式。在Chrome開發者工具中，它用用戶代理樣式表取代CSS檔名。現在，如果我提交表單並發生一些驗證錯誤，我會得到以下樣式表：table

P粉277464743 2023-08-27 13:14:56 0  2  574

等效大小的 html 元素以標準化標題間距

我有一個html元素，它存在於某些元素上，但不存在於其他元素上。對於那些不存在的元素，我需要有一個大小相等的空白html元素。這可以確保間距不會偏離。我嘗試添加相同的元素，但放置hidden、hidden="hidden"和style="visibility:hidden;"在封裝元素的div上，但這會導致建置失敗。有什麼想法嗎？

P粉722521204 2023-09-13 18:27:42 0  1  524

css - input間的間距和文字上下居中

使用環境：debian8 + firefox-45.8 請看： {代碼...} 這裡有兩個問題：1。 submit中的文字無法上下居中設定了vertical-align:middle;無法讓文字 「搜尋」上下居中 「搜尋」兩個字偏靠下 2。兩個input的間距問題有一種...

漂亮男人 2017-06-20 10:06:57 0  1  1571

具有固定標題和旋轉列標題的表格

我有一個固定標題和固定第一列的表格。我還想將列標題旋轉45度。固定標題需要設定背景顏色。但是，這會導致45度旋轉標題出現問題，因為下一欄的背景與前一欄的文字重疊。以下是問題的範例：.fixed_table{white-space:nowrap;margin:0;border:none;border-collapse:separate;border-spacing:0;table-layout:

P粉762730205 2024-04-03 08:50:32 0  1  480