Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > HTML-Tutorial > 不同元素对齐的问题：需要底部，或者是中间对齐。_html/css_WEB-ITnose

不同元素对齐的问题：需要底部，或者是中间对齐。_html/css_WEB-ITnose

WBOY
Freigeben： 2016-06-24 12:15:52
Original
1200 Leute haben es durchsucht

<table>    <tr>        <td>            <input type="text" style="height:16px; width:27px" id="text1" />            <input type="image" src="images/logo.gif" style="height:16px; width:16px;" id="image1" />        </td>    </tr></table>
Nach dem Login kopieren


怎么写样式可以让image1和text1底部对齐（或者中间对齐）？？

按照上面的写法，image1的显示位置总会高于text1
（貌似image1的底部是和text1的中间对齐的，如果将两个元素分别放到不同的TD，垂直对齐样式就又起作用了！）。

按照上面的写法，使用CSS怎么设置对齐？


回复讨论(解决方案)

image1和text1底部对齐: 

<table>    <tr>        <td>            <input type="text" style="height:16px; width:27px" id="text1" />            <input type="image" src="images/logo.gif" style="height:16px; width:16px; vertical-align:bottom" id="image1" />        </td>    </tr></table>
Nach dem Login kopieren

原来我样式加错了，我一直往TD上加，都不起作用。。。

用css 控制 最终还是会遇到 兼容的问题，还不如改页面的好呢。 

<table>    <tr>        <td>            <input type="text" style="height:16px; width:27px" id="text1" />        </td>        <td>            <input type="image" src="images/logo.gif" style="height:16px; width:16px;" id="image1" />        </td>    </tr></table>
Nach dem Login kopieren

Verwandte Etiketten：
不同元素对齐的问题：需要底部，或者是中间对齐。
Quelle：php.cn
Vorheriger Artikel：html代码中如何改变usemap热区颜色_html/css_WEB-ITnose Nächster Artikel：很简单的问题，帮忙解决一下，谢谢。_html/css_WEB-ITnose
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
Neueste Artikel des Autors
Aktuelle Ausgaben
function_exists() kann die benutzerdefinierte Funktion nicht ermitteln Funktionstest () {Verwendung der Verwendung durch -Durch -Durch -Durch -Durch -Durch -Durc...
Aus 2024-04-29 11:01:01
0
3
2193
So zeigen Sie die mobile Version von Google Chrome an Hallo Lehrer, wie kann ich Google Chrome in eine mobile Version umwandeln?
Aus 2024-04-23 00:22:19
0
11
2340
Das untergeordnete Fenster bedient das übergeordnete Fenster, aber die Ausgabe antwortet nicht. Die ersten beiden Sätze sind ausführbar, der letzte Satz jedoch nicht.
Aus 2024-04-19 15:37:47
0
1
1963
Im übergeordneten Fenster erfolgt keine Ausgabe document.onclick = function(){ window.opener.document.write('Ich bin die Ausgabe des unter...
Aus 2024-04-18 23:52:34
0
1
1851
Wo gibt es die Kursunterlagen zum CSS-Mindmapping? Kursunterlagen
Aus 2024-04-16 10:10:18
0
0
1910
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage