Heim Web-Frontend HTML-Tutorial Problem bei der Unterstreichungsausrichtung in chinesischen und englischen Schriftarten unter IE

Problem bei der Unterstreichungsausrichtung in chinesischen und englischen Schriftarten unter IE

Aug 21, 2017 pm 12:01 PM
ie 下划线

Beschreiben Sie zunächst das Problem: Wie im Bild gezeigt, wird die Link-Unterstreichung unterbrochen, wenn eine Textzeile im IE sowohl Englisch als auch Chinesisch enthält, was bedeutet, dass Chinesisch und Englisch zu diesem Zeitpunkt nicht ausgerichtet sind! (FIREFOX ist von diesem Problem nicht betroffen)

Problem bei der Unterstreichungsausrichtung in chinesischen und englischen Schriftarten unter IE

Nach dem Test wird diese Situation jedoch nicht auftreten, wenn der Link standardmäßig direkt auf der Seite gesetzt ist!

Code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head> 
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> 
  <title>php中文网</title> 
  <style type="text/css">
   * { 
          margin:0; 
          padding:0; 
      } 
   html { 
   background:#fff; 
   } 
   body { 
   position:relative; 
   font:12px/1.6em Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif; 
   color:#333; 
   } 
   </style> 
 </head> 
 <body> 
  <div> 
   <a href="http://www.php.cn" id="aa" title="php中文网"><img src="/static/imghw/default1.png"  data-src="http://i.mtime.cn/20080731114455/images/logo_main.png"  class="lazy"   
   style="vertical-align:middle;" alt="php中文网" />
   </a> 
   <a href="">为什么我老是对不齐呢?why??</a> 
  </div>  
 </body>
</html>
Nach dem Login kopieren

Problem bei der Unterstreichungsausrichtung in chinesischen und englischen Schriftarten unter IE

Dann kommt wieder der Zweifel, was verursacht die Abweichung zwischen Chinesisch und Englisch? ! Was ist die Lösung? ! Nach meinen Tests habe ich zwei Situationen gefunden (natürlich kann es noch mehr verursachende Situationen geben. Sie können es selbst ausprobieren. Die benachbarten Elemente der chinesischen und englischen Objekte verfügen über die Attributeinstellung „Vertikal ausrichten“ (z. B. das vorherige kleine Bild). oder das Textfeld, wir müssen sie vertikal ausrichten: Wenn wir sie für Bilder und Textfelder (alle anderen Inline-Blockelemente) festlegen, wirkt sich dies auf die Fehlausrichtung von Chinesisch und Englisch aus.

Eine andere Situation besteht darin, dass, wenn für das übergeordnete Element (außer der Tabelle) das Attribut „Vertical-Alignment“ festgelegt ist, auch Chinesisch und Englisch der darin enthaltenen untergeordneten Elemente falsch ausgerichtet sind.

Code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head> 
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> 
  <title>php中文网</title> 
  <style type="text/css">
   * { margin:0; padding:0; } 
   html { background:#fff; } 
   body { position:relative; font:12px/1.6em Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif; color:#333; } 
   </style> 
 </head> 
 <body> 
  <div style="vertical-align:middle;"> 
   <a href="http://www.php.cn" id="aa" title="php中文网"><img src="/static/imghw/default1.png"  data-src="http://i.mtime.cn/20080731114455/images/logo_main.png"  class="lazy"   alt="php中文网" /></a> 
   <a href="">为什么我老是对不齐呢?why??</a> 
  </div>  
 </body>
</html>
Nach dem Login kopieren

Wie kann dieses Problem gelöst werden? !

Lassen Sie uns zunächst über die erste Lösung sprechen, die die Lösung für das Abweichungsproblem ist, das durch die vertikale Mitte benachbarter Elemente verursacht wird: Fügen Sie den chinesischen und englischen Objekten einen Zoom:1 hinzu, um dessen Haslayout auszulösen. Durch Recherche haben wir herausgefunden Sobald es ein Haslayout hat, wird es keine Abweichungen zwischen Chinesisch und Englisch geben.

Codefeld

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head> 
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> 
  <title>php中文网</title> 
  <style type="text/css"> * { margin:0; padding:0; } html { background:#fff; } body { position:relative; font:12px/1.6em Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif; color:#333; } </style> 
 </head> 
 <body> 
  <div> 
   <a href="http://www.php.cn" id="aa" title="php中文网">
   <img src="/static/imghw/default1.png"  data-src="http://i.mtime.cn/20080731114455/images/logo_main.png"  class="lazy"     style="max-width:90%" alt="php中文网" /></a> 
   <a href="" style="zoom:1;">为什么我老是对不齐呢?why??</a> 
  </div>  
 </body>
</html>
Nach dem Login kopieren

Der zweite Fall ist die Vertikale des übergeordneten Elements Element Die Lösung für das durch -middle verursachte Fehlausrichtungsproblem: Fügen Sie den Satz Vertical-align:baseline zu den chinesischen und englischen Objekten hinzu, um es zu lösen!

Codefeld

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head> 
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> 
  <title>php中文网</title> 
  <style type="text/css"> * { margin:0; padding:0; } html { background:#fff; } body { position:relative; font:12px/1.6em Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif; color:#333; } </style> 
 </head> 
 <body> 
  <div style="vertical-align:middle;"> 
   <a href="http://www.php.cn" id="aa" title="php中文网"><img src="/static/imghw/default1.png"  data-src="http://i.mtime.cn/20080731114455/images/logo_main.png"  class="lazy"   alt="php中文网" /></a> 
   <a href="" style="vertical-align:baseline;">为什么我老是对不齐呢?why??</a> 
  </div>  
 </body>
</html>
Nach dem Login kopieren

Aber wir können sehen, dass die Unterstreichung zu eng zu sein scheint , zu diesem Zeitpunkt müssen wir noch zoom:1; hinzufügen, um sein hasLayout auszulösen, um zu vermeiden, dass es zu eng wird!

Codefeld

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head> 
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> 
  <title>php中文网</title> 
  <style type="text/css"> * { margin:0; padding:0; } html { background:#fff; } body { position:relative; font:12px/1.6em Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif; color:#333; } </style> 
 </head> 
 <body> 
  <div style="vertical-align:middle;"> 
   <a href="http://www.php.cn" id="aa" title="php中文网"><img src="/static/imghw/default1.png"  data-src="http://i.mtime.cn/20080731114455/images/logo_main.png"  class="lazy"   alt="php中文网" /></a> 
   <a href="" style="zoom:1; vertical-align:baseline;">为什么我老是对不齐呢?why??</a> 
  </div>  
 </body>
</html>
Nach dem Login kopieren

Wenn Sie auf andere Situationen stoßen, in denen Chinesisch und Englisch nicht richtig ausgerichtet sind, dann Sie können auch versuchen, die beiden oben genannten Methoden zur Lösung zu verwenden. Am sichersten und effektivsten ist es natürlich, die Song-Schriftart sowohl auf Chinesisch als auch auf Englisch zu verwenden.

Das obige ist der detaillierte Inhalt vonProblem bei der Unterstreichungsausrichtung in chinesischen und englischen Schriftarten unter IE. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Wie man alles in Myrise freischaltet
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Wie tippe ich Unterstreichungen auf der Tastatur? Wie tippe ich Unterstreichungen auf der Tastatur? Feb 22, 2024 pm 07:46 PM

Stellen Sie die Eingabemethode auf Englisch ein und halten Sie die Umschalttaste und die Minustaste gedrückt. Anwendbares Modell des Tutorials: Lenovo AIO520C System: Windows 10 Professional Edition: Microsoft Office Word 2022 Analyse 1 Überprüfen Sie zunächst die chinesische und englische Eingabemethode und passen Sie sie an Englisch an. 2Dann halten Sie gleichzeitig die Umschalttaste und die Minustaste auf Ihrer Tastatur gedrückt. 3 Überprüfen Sie die Benutzeroberfläche, um die unterstrichenen Wörter zu sehen. Ergänzung: So geben Sie schnell eine Unterstreichung in ein Word-Dokument ein 1. Wenn Sie in Word eine Unterstreichung eingeben müssen, wählen Sie das Leerzeichen mit der Maus aus und wählen Sie dann im Schriftartenmenü den Unterstreichungstyp aus, den Sie eingeben möchten. Zusammenfassung/Anmerkungen: Stellen Sie sicher, dass Sie die Eingabemethode auf Englisch ändern, bevor Sie fortfahren, da der Unterstrich sonst nicht erfolgreich eingegeben werden kann.

Warum kann die leere Unterstreichung im WPS-Dokument nicht angezeigt werden? Warum kann die leere Unterstreichung im WPS-Dokument nicht angezeigt werden? Mar 20, 2024 am 09:40 AM

Bei der Texteingabe in Word müssen manchmal einige Stellen zur Erläuterung oder Hervorhebung unterstrichen werden. Warum kann die leere Unterstreichung im WPS-Dokument nicht gedruckt werden? Wie soll ich es unterstreichen? Der Herausgeber wird es Ihnen unten im Detail vorstellen, schauen wir uns das an. In WPS-Dokumenten können Sie die Leerzeichen unterstreichen, wie in der Abbildung gezeigt. Wie es geht? Bitte lesen Sie unten die detaillierten Informationen zu den Vorgängen. Nehmen Sie das Dokument im Bild als Beispiel, um zu zeigen, wie Sie die Leerstelle unterstreichen. Platzieren Sie den Cursor rechts neben dem Doppelpunkt von „Name“ im Bild und drücken Sie die Leertaste auf der Tastatur. Zur Vereinfachung der Demonstration hat der Editor die Schriftgröße erhöht, wie unten gezeigt: 2. Dann, nach dem Wenn der Cursor die eingestellte Position erreicht, klicken und halten Sie ihn, ohne ihn loszulassen, und ziehen Sie ihn dann nach links zur Seite des Doppelpunkts, wie im Bild gezeigt: 3. Klicken Sie dann auf das „Unterstreichungs“-Symbol, wie durch den Pfeil in der angezeigt Bild.

So geben Sie Unterstreichungen in Excel ein So geben Sie Unterstreichungen in Excel ein Mar 20, 2024 am 08:37 AM

Mit dem Fortschritt der Gesellschaft hat sich auch die Technologie rasant weiterentwickelt und elektronische Geräte sind heute zu einer Standardkonfiguration in Bürosoftware geworden. Excel ist auch heute noch ein häufig verwendeter Vorgang in Bürosoftware .Daten, um diese Inhalte hervorzuheben, wählen wir verschiedene Farbschriftarten oder unterstreichen sie zur Hervorhebung. Die Schriftart ist einfach einzustellen, aber nicht jeder weiß, wie man Unterstreichungen hinzufügt Anfängerfreunde, wie man in Excel Unterstreichungen macht. 1. Öffnen Sie Excel und geben Sie ein paar Wörter ein, wie im Bild unten gezeigt. 2. Wählen Sie den Text aus, klicken Sie mit der rechten Maustaste und wählen Sie die Option „Zellen formatieren“, wie in der Abbildung unten gezeigt. 3. Suchen Sie nach „einzelner Unterstreichung“ und

So entfernen Sie Unterstreichungen in CSS A So entfernen Sie Unterstreichungen in CSS A Jan 28, 2023 pm 03:07 PM

So brechen Sie die Unterstreichung in CSS a ab: 1. Erstellen Sie eine HTML-Beispieldatei. 2. Fügen Sie das Tag a zum Textkörper hinzu. 3. Brechen Sie die Unterstreichung ab, indem Sie „#none{text-decoration: none;}“ zum angegebenen a hinzufügen Etikett.

Internet Explorer öffnet Edge: So stoppen Sie die MS Edge-Umleitung Internet Explorer öffnet Edge: So stoppen Sie die MS Edge-Umleitung Apr 14, 2023 pm 06:13 PM

Es ist kein Geheimnis, dass der Internet Explorer schon lange in Ungnade gefallen ist, aber mit der Einführung von Windows 11 kommt die Realität. Anstatt in Zukunft manchmal den IE zu ersetzen, ist Edge jetzt der Standardbrowser im neuesten Betriebssystem von Microsoft. Vorerst können Sie den Internet Explorer noch in Windows 11 aktivieren. Allerdings hat IE11 (die neueste Version) bereits ein offizielles Ruhestandsdatum, nämlich den 15. Juni 2022, und die Uhr tickt. Vor diesem Hintergrund ist Ihnen vielleicht aufgefallen, dass Internet Explorer manchmal Edge öffnet, und es gefällt Ihnen möglicherweise nicht. Warum passiert das also? existieren

Was soll ich tun, wenn Win11 den IE11-Browser nicht verwenden kann? (win11 kann den IE-Browser nicht verwenden) Was soll ich tun, wenn Win11 den IE11-Browser nicht verwenden kann? (win11 kann den IE-Browser nicht verwenden) Feb 10, 2024 am 10:30 AM

Immer mehr Benutzer beginnen mit der Aktualisierung des Win11-Systems. Da jeder Benutzer unterschiedliche Nutzungsgewohnheiten hat, verwenden viele Benutzer immer noch den IE11-Browser. Was soll ich also tun, wenn das Win11-System den IE-Browser nicht verwenden kann? Unterstützt Windows11 immer noch ie11? Werfen wir einen Blick auf die Lösung. Lösung des Problems, dass Win11 den ie11-Browser nicht verwenden kann 1. Klicken Sie zunächst mit der rechten Maustaste auf das Startmenü und wählen Sie „Eingabeaufforderung (Administrator)“, um es zu öffnen. 2. Geben Sie nach dem Öffnen direkt „Netshwinsockreset“ ein und drücken Sie zur Bestätigung die Eingabetaste. 3. Geben Sie nach der Bestätigung „netshadvfirewallreset&rdqu“ ein

So brechen Sie den automatischen Sprung zu Edge ab, wenn Sie den IE in Win10_Solution öffnen, um zum automatischen Sprung der IE-Browserseite zu gelangen So brechen Sie den automatischen Sprung zu Edge ab, wenn Sie den IE in Win10_Solution öffnen, um zum automatischen Sprung der IE-Browserseite zu gelangen Mar 20, 2024 pm 09:21 PM

In letzter Zeit haben viele Win10-Benutzer festgestellt, dass ihr IE-Browser bei der Verwendung von Computerbrowsern immer automatisch zum Edge-Browser springt. Wie kann man also den automatischen Sprung zum Edge beim Öffnen des IE in Win10 deaktivieren? Lassen Sie diese Website den Benutzern sorgfältig vorstellen, wie sie beim Öffnen des IE in Win10 automatisch zum Rand springen und schließen. 1. Wir melden uns beim Edge-Browser an, klicken auf ... in der oberen rechten Ecke und suchen nach der Dropdown-Einstellungsoption. 2. Nachdem wir die Einstellungen eingegeben haben, klicken Sie in der linken Spalte auf Standardbrowser. 3. Abschließend aktivieren wir in der Kompatibilität das Kontrollkästchen, um ein erneutes Laden der Website im IE-Modus zu verhindern, und starten den IE-Browser neu.

Das Ende einer Ära: Internet Explorer 11 ist im Ruhestand, hier ist, was Sie wissen müssen Das Ende einer Ära: Internet Explorer 11 ist im Ruhestand, hier ist, was Sie wissen müssen Apr 20, 2023 pm 06:52 PM

Der 15. Juni 2022 ist der Tag, an dem Microsoft den Support für Internet Explorer 11 (IE11) beendet und sein Kapitel über Legacy-Browser abschließt. Das Unternehmen erinnert Nutzer bereits seit Längerem an dieses End-of-Life-Datum und fordert sie dazu auf, einen Umstieg auf Microsoft Edge zu planen. Microsoft bündelt IE11 mit Windows 8.1 als modernen Standard-Webbrowser für Windows. Obwohl er nie die (aktuellen) Höhen von Chrome erreichte, war er 2014 nach IE8 der am zweithäufigsten verwendete Desktop-Browser. Natürlich mit 20

See all articles