查看: 343|回复: 2
打印 上一主题 下一主题

[求助] [求助]css代碼更改 (已自行解決)

[复制链接]

该用户从未签到

4

主题

18

回帖

253

积分

童生

Rank: 2

积分
253
跳转到指定楼层
1
发表于 2016-7-5 17:35:18 | 只看该作者 |只看大图 回帖奖励 |倒序浏览 |阅读模式
本帖最后由 ryanwuson 于 2016-7-6 13:23 编辑

大家好,已依据相关教程,转了手转换了这篇 https://pdawiki.com/forum/forum.php?mod=viewthread&tid=14881 的牛津高阶中英英汉繁体版,让 Mac 内建字典软件可用的词典

这篇楼主中的css,其中有段是:


.z_n{
display:table-cell;float:left;margin-right:5px;width:16px;height:16px;border-radius:10px;font-size:smaller;font-weight:bold;color:#FAFAFA;text-align:center;background:darkred;}   
}


我在字型小的时候,圆圈1中的1、2、3等等,是置中的(图一)




但一放大,就跑出去了(图二),不知道上面的代码要如何更改,才会避免这个现象。



补充:在 GoldenDic 下,是不会这样子的

自己乱试找到解决方法:

.z_n{
display:table-cell;float:left;margin-right:5px;width:1.5em;height:1.5em;border-radius:50%;font-size:smaller;font-weight:bold;color:#FAFAFA;text-align:center;background:darkred;}   
}

谢谢大家指导

该用户从未签到

6

主题

413

回帖

1万

积分

状元

Rank: 9Rank: 9Rank: 9

积分
11172

灌水大神章小蜜蜂章笑傲江湖章

2
发表于 2016-7-5 20:51:10 | 只看该作者
width:25px;height:25px;border-radius:20px;font-size:medium

该用户从未签到

4

主题

18

回帖

253

积分

童生

Rank: 2

积分
253
3
 楼主| 发表于 2016-7-6 11:37:44 | 只看该作者
本帖最后由 ryanwuson 于 2016-7-6 11:58 编辑

谢谢您,但我依然在变化大小时,无法成功

我试着把“float:left”拿掉,数字及底图会跟着放大而放大,但圆圈不再是圆形了