简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > html教學 > 主體

设置字体的长和宽_html/css_WEB-ITnose

WBOY
發布： 2016-06-24 11:47:43
原創
1882 人瀏覽過

想要的样子如图所示。

设想用方框和5个x字母组成，但是不知道能不能设置x字母的高度和宽度, 当设置font-size为较大的px值时，发现字母的线条变宽，而且字母的长宽相同。
nbsp;html>


    



 

  
xxxxx

     



回复讨论(解决方案)

字体的大小控制 使得字体等比的缩放，你无法单独的控制字体的长 宽，对于字体而言，没有长宽的说法

要实现这样的效果，那么你可以把X处理成图片，拿图片代替，然后控制图片的长和宽来达到类似的效果

因为图片打包给客户有路径上的问题，所以用的字母X。 如果拼成4个X，上面两个X，下面两个X也OK.不知道X该如何换行

相關標籤：
设置字体的长和宽
來源：php.cn
上一篇：11种超酷CSS3复选框样式美化效果_html/css_WEB-ITnose 下一篇：CSS各属性选择符区别_html/css_WEB-ITnose
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
2022 年 5 月 30 日後，在沒有「安全性較低的應用程式」選項的情況下導航 PHPMailer 我已經使用PHPMailer很長時間了，透過在Google設定中啟用「不太安全的應用程式」選項，使用Google憑證（登入名稱和密碼）發送電子郵件。 Google通知，2022年5...
來自於 2023-10-24 15:59:12
0
2
211
對齊表格中數字的小數點，並在儲存格中出現偽「中心」對齊 我想要一個包含一列十進制數的表格，小數點前後的長度不同，小數點全部對齊。列寬必須具有「流動」大小，並根據需要進行擴展，以容納任何資料單元格中的非常長的數字，或與該列相關的非常長的標...
來自於 2023-10-24 13:01:47
0
1
266
在 React.js 中建立動畫計數器：逐步指南 我正在尋找一種在React中為計數器設定動畫的方法。為了舉例，我有以下結構的3個元件：師父：邏輯元件Counter（Master是logicComponent和Counter的父級...
來自於 2023-10-21 19:46:40
0
1
285
為什麼flex項目不能縮小至內容大小之下？ 我有4個Flexbox列，一切正常，但是當我向列中添加一些文字並將其設置為大字體大小時，由於Flex屬性，它會使列比應有的寬度更寬。我嘗試使用word-break:break-wo...
來自於 2023-10-15 22:06:39
0
2
286
自始至終擁抱 UTF-8 我正在設定一個新伺服器，並希望在我的Web應用程式中完全支援UTF-8。我過去曾在現有伺服器上嘗試過此操作，但似乎總是最終不得不退回到ISO-8859-1。我到底需要在哪裡設定編碼...
來自於 2023-10-15 12:36:31
0
2
280
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！