设置字体的长和宽

splily123 2015-03-17 03:38:22

想要的样子如图所示。

设想用方框和5个x字母组成，但是不知道能不能设置x字母的高度和宽度, 当设置font-size为较大的px值时，发现字母的线条变宽，而且字母的长宽相同。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>

<div style="margin:0px;padding:0px;border:1px solid gray;width:100px;height:100px">
<div style="margin:0px;padding:0px;padding-top:1px;color:gray;line-height:5px;width:100px;height:100px;font-family:Calibri;font-size:100px;letter-spacing:-2px">xxxxx</div>
</div>
</body>
</html>

...全文

217 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

splily123 2015-03-17

打赏
举报

回复

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

人生难得一只鸡 2015-03-17

打赏
举报

回复

字体的大小控制使得字体等比的缩放，你无法单独的控制字体的长宽，对于字体而言，没有长宽的说法要实现这样的效果，那么你可以把X处理成图片，拿图片代替，然后控制图片的长和宽来达到类似的效果

PB9、PB12.5数据窗口根据每个字段内容再设置相应字段宽度!

给定字符串（字符串可以是中文字符，也可以是其他字符，包裹半角，英文等），可以实现矩形内自动输出，可以设置字符的字符间距，行间距，字体颜色，实现不同LOGFONT定义字体自动衔接，不同高度字体按下部对齐输出如果要输出的字体高度相同（其他属性可以不同），可以实现中文，英文，数字等混合是输出。使用void CFontEx：：Draw(CDC *pDC,CStringArray &array;,int *nLen,int nHeight,LOGFONT *plf,CRect rc); 如果要输出的字体高度不相同（相同也可以使用，但中文字符须跟英文等字符分开输出）void CFontEx：：void Draw(CDC *pDC,CStringArray &array;,FontMetric *pfm,LOGFONT *plf,CRect rc); 使用时，先设置坐标模式，确定y向下为正或负使用void SetCordinat(int m_nFormat) 使用void SetExtraHeight(int nExtraHeight);设置行间距使用结构体定义一个字符串特定信息 struct FontMetric{ int nLen;//该字符串长度，中文字符由CulLength计算， //英文字符有字符串长度与宽度和间距计算 int nHeight;//字符高度 int nWidth;//字符宽度 int nExtern;//字符间距 COLORREF nTextColor;//字体颜色 bool bIsText;//是否为中文字符 };

所有接口均可设置需要验证码验证所有的接口都可以通过参数配置设置短信验证码和图片验证码 14.所有查询接口均可单独设置缓存所有接口皆可设置单独缓存，缓存周期 15.所有接口均可监控访问次数同一接口访问次数...

Vue调整文字大小 Vue指令可根据元素宽度自动调整字体大小。它使字体大小在灵活或响应式布局上具有灵活性。：调整浏览器视口的大小以查看实际效果安装通过NPM安装 $ npm install vue-resize-text --save 通过CDN安装 < script src =" https://unpkg.com/vue " > </ script > < script src =" https://unpkg.com/vue-resize-text " > </ script > 全球全局注册VueResizeText： import Vue from 'Vue' ;

1.可分别设置组合框中编辑框和下拉列表框的字体、字体颜色、字体大小 2.可设置只读属性 3.可根据下拉列表项的文本长度扩宽下拉列表宽度 4.重绘下拉列表，包括边框和具有焦点的项 5.下拉列表项中提供了删除功能，非只读时显示并可删除 6.重绘了编辑框边框，背景自绘可自行扩展 7.根据组合框高度设置字体能达到伪垂直居中效果，主要就是需要这个

61,112

社区成员

60,730

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章