简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > HTML Tutorial > body text

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

WBOY
Release： 2016-06-24 11:47:43
Original
1882 people have browsed it

想要的样子如图所示。

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


    



 

  
xxxxx

     



回复讨论(解决方案)

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

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

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

Related labels：
设置字体的长和宽
source：php.cn
Previous article：11种超酷CSS3复选框样式美化效果_html/css_WEB-ITnose Next article：CSS各属性选择符区别_html/css_WEB-ITnose
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Navigating PHPMailer without the "Less secure apps" option after May 30, 2022 I've been using PHPMailer for a long time, sending emails using Google credentials (login ...
From 2023-10-24 15:59:12
0
2
211
Align decimal points of numbers in table with pseudo "center" alignment appearing in cells I want a table with a column of decimal numbers, with different lengths before and after t...
From 2023-10-24 13:01:47
0
1
266
Create an animated counter in React.js: a step-by-step guide I'm looking for a way to animate a counter in React. For example, I have 3 components with...
From 2023-10-21 19:46:40
0
1
285
Why can't flex items shrink below content size? I have 4 flexbox columns and everything works fine, but when I add some text to the column...
From 2023-10-15 22:06:39
0
2
286
Embracing UTF-8 from start to finish I'm setting up a new server and want full UTF-8 support in my web application. I've tried ...
From 2023-10-15 12:36:31
0
2
280
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！