简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > 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 자격 증명(로그인 ...
에서 2023-10-24 15:59:12
0
2
211
셀에 나타나는 의사 "가운데" 정렬을 사용하여 표에 있는 숫자의 소수점을 정렬합니다. 나는 소수점 앞뒤의 길이가 다르고 소수점이 모두 정렬된 십진수 열이 있는 테이블을 원합니다. 열 너비는 데이터 셀의 매우 긴 숫자나 열과 관련된 매우 긴 헤더를 ...
에서 2023-10-24 13:01:47
0
1
266
React.js에서 애니메이션 카운터 만들기: 단계별 가이드 React에서 카운터에 애니메이션을 적용하는 방법을 찾고 있습니다. 예를 들어 다음과 같은 구조를 가진 3개의 구성 요소가 있습니다. 마스터: 논리 구성 요소 카...
에서 2023-10-21 19:46:40
0
1
285
Flex 항목을 콘텐츠 크기 아래로 축소할 수 없는 이유는 무엇입니까? 4개의 Flexbox 열이 있고 모든 것이 잘 작동하지만 열에 일부 텍스트를 추가하고 큰 글꼴 크기로 설정하면 Flex 속성으로 인해 열이 필요한 것보다 넓어집니...
에서 2023-10-15 22:06:39
0
2
286
처음부터 끝까지 UTF-8 수용 새 서버를 설정 중이고 웹 애플리케이션에서 완전한 UTF-8 지원을 원합니다. 과거에 기존 서버에서 이 작업을 시도했지만 결국 항상 ISO-8859-1로 돌아가야...
에서 2023-10-15 12:36:31
0
2
280
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！