検索
ホームページウェブフロントエンドCSSチュートリアル中国語と英語のWebページのランキングが混在する問題の解決策_体験交流

基本的に私はこの問題に夢中になっています。症状は次のとおりです。

中国語と英語のWebページのランキングが混在する問題の解決策_体験交流

症状の説明: IE (6 または 7、8 は試していません) で、中国語と英語を混在させ、デフォルトのフォントを使用し、li リストを使用して float を作成すると、上記のような症状が表示されます。と文字が上下に配置されてしまいます。レイアウトの美しさに影響します。上の図の状況の理由は、中国語と英語のテキストのベースラインが異なるためです。arial フォントの下端は Song フォント (どちらもサイズ 12) よりも 1 ピクセル低くなります。また、英語でも i と y の上下のベースラインが異なる場合があります。そのため、中国語と英語を混ぜて並べると、明らかに高低差が生じて、レイアウトが不均一になってしまいます。拡大画像をご覧ください。

中国語と英語のWebページのランキングが混在する問題の解決策_体験交流

中国語と英語の両方の文字に宋体スタイルを使用するソリューションを採用します

中国語と英語のWebページのランキングが混在する問題の解決策_体験交流

は文字の配置がずれる問題を解決できますが、宋代の英単語はセリフ フォントです (タイムズ ニュー ローマンは英語でセリフ フォントです)。フォントはコンパクトで詳細が多く、並べると非常に目を引きます。しかし、連続して書くと識別が混乱して間違った行に目がいってしまいがちです。 セリフ フォントの長所と短所の詳細については、この記事を参照してください。逆に、英語を表現する場合にはサンセリフ体を使用した方が美しくエレガントです。

解決策 1: 「団子」子供用靴の発見。

英語では tahoma フォントが使用されています - Song フォント、arial フォントと tahoma フォントの比較 - arial と tahoma sans serif の方が洗練されています

中国語と英語のWebページのランキングが混在する問題の解決策_体験交流

中国語と英語が混在する場合、tahoma フォントを使用する状況

中国語と英語のWebページのランキングが混在する問題の解決策_体験交流

中国語と英語の混合と純粋な中国語の組み合わせの行の高さは同じですが、ホバー状態では a に下線が引かれて中国語と貼り付けられます。

問題: IE6 以下のバージョンで tahoma フォントを使用すると、すべての中国語フォントのリンクの下線がフォントにくっついて表示されます。タオバオもこのソリューションを使用しています。大規模なプロジェクトで、さまざまな人々が協力してページのモジュールを完成させる場合、フォントをより標準化し、統一された仕様の下でずれを減らし、下線付きの tahoma フォントを使用する価値があると私は考えています。フォントにこだわる

ライスの子供用靴から次のものが見つかりました:

英語は Arial フォントを使用し、中国語は Song フォントを使用します。 タグに line-height:1.231 を指定することで、行の高さが不均一であったり、フォントや下線の密着が不均一だったりする問題を解決できます。 (中国語と英語を大規模に混合することが適切かどうかはわかりません。後で検証する必要があります。)

中国語と英語のWebページのランキングが混在する問題の解決策_体験交流

要約: ご飯ありがとう、餃子ありがとう、YUI ありがとう、タオバオありがとう!

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
网页打不开是什么原因网页打不开是什么原因Jun 26, 2023 am 11:49 AM

网页打不开的原因有:1、电脑的本地连接被禁用;2、拨号上网帐号与密码输入不正确;3、路由器故障或路由器设置出现问题;4、由DNS错误导致的IE打不开网页;5、hosts文件被修改导致的IE打不开网页;6、IP地址设置错误或者获取失败导致IE打不开网页。

使用JavaScript开发网页投票系统使用JavaScript开发网页投票系统Aug 09, 2023 pm 01:30 PM

使用JavaScript开发网页投票系统摘要:随着互联网的飞速发展,网上投票成为了一种方便快捷的方式,用于收集公众的意见和做出决策。本文将介绍使用JavaScript开发一个简单的网页投票系统,实现了用户可以选择选项并提交投票的功能。介绍:网页投票系统是一个在网页上显示多个选项并允许用户选择的程序。它可以用于许多场景,例如选举投票、产品调查、意见收集等。本文

网页无法访问怎么办网页无法访问怎么办Sep 06, 2023 am 09:36 AM

网页无法访问的解决办法有检查网络连接、清除浏览器缓存、检查网页地址、尝试使用其他浏览器、检查服务器状态、检查域名解析、检查防火墙和安全设置和联系网站管理员等。详细介绍:1、检查网络连接,确保网络连接正常,可以尝试打开其他网页或者使用其他设备进行访问,确定是否是网络连接问题,如果其他网页可以正常访问,那么可能是该网页的问题;2、清除浏览器缓存,浏览器缓存可能导致网页无法加载等等。

网页打开慢解决方法网页打开慢解决方法Aug 17, 2023 am 10:53 AM

网页打开慢解决方法:1、检查网络连接速度,可以使用在线测速工具来测试网络,可以联系网络服务提供商解决问题;2、可以通过清理浏览器缓存来改善网页打开速度,可以在浏览器的设置中找到清除缓存的选项,并选择清除所有缓存数据;3、在浏览器的插件和扩展程序管理页面,可以尝试禁用浏览器插件和扩展程序;4、网页打开慢还可能与电脑的性能有关,关闭占用系统资源的程序或进程也可以提高网页加载速度。

拥有自我意识的AI:AutoGPT拥有自我意识的AI:AutoGPTMay 25, 2023 am 10:28 AM

1、引言ChatGPT在当下已经风靡一时,作为自然语言处理模型的佼佼者,ChatGPT的优势在于其能够生成流畅、连贯的对话,同时还能够理解上下文并根据上下文进行回答。针对不同的应用场景可以进行快速定制,例如,在客服、教育、娱乐等领域中,ChatGPT可以作为智能助手为用户提供便捷的服务和娱乐体验。从GPT-3到GPT-4,我们可以看到在高级推理,输入设置,微调行为和理解更长的上下文信息等方面,ChatGPT在不断的优化训练中已经取得了显著的进展。但是针对于这种交互式的GPT模型,我们更希望看到能

使用JavaScript实现网页自动刷新使用JavaScript实现网页自动刷新Jun 15, 2023 pm 10:34 PM

在现代的网络应用中,自动刷新是一项非常有用的功能。通过使用JavaScript编程技术,您可以轻松实现网页自动刷新,以便在应用程序或网站中提供更好的用户体验。接下来,本篇文章将介绍如何使用JavaScript来实现网页自动刷新。使用setInterval函数setInterval函数是JavaScript中最常用的定时器函数之一。该函数允许在特定时间间隔内重

win10网络被禁用了怎么打开网页win10网络被禁用了怎么打开网页Jun 29, 2023 pm 05:37 PM

win10网络被禁用了怎么打开网页?使用win10系统的时候,发现网络被禁用了,就没有办法使用电脑,这种情况应该如何解决。很多小伙伴不知道怎么操作,小编下面整理了windows10网络被禁用了恢复教程,如果你感兴趣的话,跟着小编一起往下看看吧!win10网络被禁用了怎么打开1、在状态栏右边找到网络连接图标之后,右键点击它,然后选择“打开网络和Internet设置”选项并点击2、打开之后在出现的界面右边,找到并点击打开网络和共享中心3、点击更改适配器设置这个选项,找到被禁用的网络,右键点击它4、选

如虎添翼,六个让你效率翻倍的ChatGPT插件如虎添翼,六个让你效率翻倍的ChatGPT插件May 17, 2023 pm 02:28 PM

ChatGPT是一个超强的AI应用程序,OpenAI已经发布的GPT-4引起了更广泛的关注。ChatGPT是由OpenAI开发的专门从事对话的AI聊天机器人,其主要目标是使AI系统更自然地进行互动。大家可能都已经尝试过ChatGPT,今天讲一讲与这个全新工具互动的不同方法。本文总结了6个可以使ChatGPT成为日常助手(甚至超越日常助手)的工具!1.【GoogleChromeExtension】在任何地方使用ChatGPT想在任何地方轻松地使用ChatGPT吗?那么你可以使用Chrome插件(h

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

EditPlus 中国語クラック版

EditPlus 中国語クラック版

サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

Dreamweaver Mac版

Dreamweaver Mac版

ビジュアル Web 開発ツール

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強力な PHP 統合開発環境

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

mPDF

mPDF

mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。