Home >Web Front-end >HTML Tutorial >How to change the font size? _html/css_WEB-ITnose

How to change the font size? _html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:14:411130browse

The code is as follows:

<div id="ckepop">    <span class="jiathis_txt" style="font-size:20px;">分享到:</span>    <a class="jiathis_button_qzone"><span style="font-size:20px;">QQ空间</span></a>    <a class="jiathis_button_tsina"><span style="font-size:20px;">新浪微博</span></a>    <a class="jiathis_button_tqq"><span style="font-size:20px;">腾讯微博</span></a>    <a class="jiathis_button_renren"><span class="jiathis_txt" style="font-size:20px;">人人网</span></a>    <a class="jiathis_button_xiaoyou"><span class="jiathis_txt" style="font-size:20px;">朋友网</span></a>    <a href="http://www.jiathis.com/share" class="jiathis jiathis_txt jiathis_separator jtico jtico_jiathis" target="_blank" style="font-size:20px;">更多</a></div>

I want to change the font size to 30px, but only the middle part of the word can be displayed. It seems that the height of the word is limited. Please give me some advice.


Reply to the discussion (solution)

I don’t understand what you mean. If I test your code alone, all the fonts are the same, no problem

I don’t understand what you mean. If I test your code alone, all the fonts are the same, no problem. Well, I just want to make these words larger. For example, the original 20px is adjusted to 30px. Can you try it?

If you write it like this, it should be fine.


Moreover, you don’t need to write it like this. You can directly define a font size for ckepop. That’s it.

#ckepop a span {font-size:20px;}
Just write it completely and it should be fine.

Put
style="font-size:20px;" Delete all

Copy this code above d50de73fcfc8c36558f454305a714591

c9ccee2e6ea535a969eb3f532ad9fe89
#ckepop a span,#ckepop span {font-size:30px;}
531ac245ce3e4fe3d50054a55f265927

f4a150d3d029d697f35d55ed3f78dc5754c9978619a2e7fbb55e82422c10f322QQ Zone54bdf357c58b8a65c66d7c19c8e4d1145db79b134e9f6b82c0b36e0489ee08ed

changed to
f4a150d3d029d697f35d55ed3f78dc57

Pay attention to #ckepop This style has the span and a tags defined in display: block; height and line-height.

#ckepop a span {font-size:20px;}

Just write it completely and it should be fine
It’s useless

If it’s the way you write it, It should be no problem,



Moreover, you don’t need to write like this, you can just define a font size for ckepop directly
Well, I guess it’s because of their class The impact is because I use open source stuff provided online, so I don’t know how to deal with it

Delete all


style="font-size:20px;" in your code

Copy this code above d50de73fcfc8c36558f454305a714591

c9ccee2e6ea535a969eb3f532ad9fe89
#ckepop a span,#ckepop span {font-size:30px;}
531ac245ce3e4fe3d50054a55f265927
Useless

There is no way, this is decided by the website. And this font is very suitable. Even if it looks small on the mobile phone screen, can you enlarge it?

Statement:
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