css，解決文字與圖片對(duì)齊的問題

Tecode 發(fā)布于2019-04-23 11:40 / 3406人閱讀

測(cè)試代碼：

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Documenttitle>
    <style>
        .divs .imgs{
            display: inline-block;
            vertical-align: middle;
        }
        .divs .infos{
            display: inline-block;
        }
    style>
head>
<body>
<div class="divs">
    <div class="infos"><a href="">找回密碼a>div>
    <div class="imgs"><img src="../imgs/zdingwei01.jpg" width="25" height="25" alt="">div>

div>
body>
html>

云服務(wù)器 GPU云服務(wù)器文字與圖片 html5圖片與文字文字對(duì)齊解決問題的方法

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/1007.html

相關(guān)文章

我腦中飄來(lái)飄去的css魔幻屬性

摘要：先來(lái)一張圖，看懂的幾個(gè)屬性順便帶上圖片出處，文章講得還可以，理解這張圖片，后面就好理解了。元素根據(jù)標(biāo)簽的屬性決定顯示輸入框還是按鈕。還有，還有近來(lái)很火的。最近看到一篇20 個(gè)CSS高級(jí)技巧匯總的匯總，感觸很深，不過我想，與技巧相比，有些常見css布局難題，有時(shí)候更加讓我們的日常開發(fā)變得躊躇沮喪吧。在寫這一篇文章之前，自己還寫過一篇：我所不注意的那些CSS冷知識(shí)，但卻阻止了我做項(xiàng)目的速...

JouyPub 2019-08-29 14:02 評(píng)論0 收藏0
前端碎語(yǔ)（1）

摘要：因?yàn)榛€的不同，這就會(huì)導(dǎo)致內(nèi)聯(lián)元素在默認(rèn)使用定位時(shí)，會(huì)出現(xiàn)同一行元素的錯(cuò)位問題。那么有沒有和基線一樣的確定準(zhǔn)則呢當(dāng)然有，一個(gè)業(yè)界公認(rèn)的標(biāo)準(zhǔn)就是同一行內(nèi)聯(lián)元素中，中線穿過的是小寫的中點(diǎn)。暑假前因?yàn)榉N種原因沒有把百度IFE的先期課程學(xué)完，這個(gè)暑假又參加了相關(guān)項(xiàng)目開發(fā)，邊做邊學(xué)也總結(jié)了一些教訓(xùn)?，F(xiàn)在打算寫一個(gè)系列的文章，把這種集中學(xué)習(xí)中遇到一些令我的困擾一時(shí)的點(diǎn)好好再總結(jié)一番。而這些因應(yīng)工...

susheng 2019-08-28 18:13 評(píng)論0 收藏0
前端碎語(yǔ)（1）

摘要：因?yàn)榛€的不同，這就會(huì)導(dǎo)致內(nèi)聯(lián)元素在默認(rèn)使用定位時(shí)，會(huì)出現(xiàn)同一行元素的錯(cuò)位問題。那么有沒有和基線一樣的確定準(zhǔn)則呢當(dāng)然有，一個(gè)業(yè)界公認(rèn)的標(biāo)準(zhǔn)就是同一行內(nèi)聯(lián)元素中，中線穿過的是小寫的中點(diǎn)。暑假前因?yàn)榉N種原因沒有把百度IFE的先期課程學(xué)完，這個(gè)暑假又參加了相關(guān)項(xiàng)目開發(fā)，邊做邊學(xué)也總結(jié)了一些教訓(xùn)。現(xiàn)在打算寫一個(gè)系列的文章，把這種集中學(xué)習(xí)中遇到一些令我的困擾一時(shí)的點(diǎn)好好再總結(jié)一番。而這些因應(yīng)工...

jsdt 2019-08-01 14:48 評(píng)論0 收藏0
行內(nèi)格式化上下文(Inline formatting contexts)

摘要：如果該屬性值為，用戶代理可能會(huì)拉伸行內(nèi)盒不包括和盒里的空白和字間距與，，行內(nèi)盒一個(gè)是一個(gè)特殊的行內(nèi)級(jí)盒，其內(nèi)容參與了它的包含行內(nèi)格式化上下文當(dāng)一個(gè)超出一個(gè)的寬度時(shí)，它會(huì)被分成幾個(gè)盒，并且這些盒會(huì)跨多分布。 IFC布局規(guī)則: 在一個(gè)行內(nèi)格式化上下文中，盒是一個(gè)接一個(gè)水平放置的，從包含塊的頂部開始這些盒之間的水平margin，border和padding都有效盒可能以不同的方式豎直對(duì)...

impig33 2019-08-29 12:32 評(píng)論0 收藏0
《CSS世界》筆記三：內(nèi)聯(lián)元素與對(duì)齊

摘要：上一篇世界筆記二盒模型四大家族下一篇世界筆記四流的保護(hù)與破壞寫在前面在頁(yè)面布局中，內(nèi)聯(lián)元素的垂直對(duì)齊是比較常見和基礎(chǔ)的布局需求，但是我們往往會(huì)因?yàn)榇怪睂?duì)齊中的，而頭疼不已。上一篇：《CSS世界》筆記二：盒模型四大家族下一篇：《CSS世界》筆記四：流的保護(hù)與破壞寫在前面在頁(yè)面布局中，內(nèi)聯(lián)元素的垂直對(duì)齊是比較常見和基礎(chǔ)的布局需求，但是我們往往會(huì)因?yàn)榇怪睂?duì)齊中的1px，2px而頭疼不已...

HtmlCssJs 2019-08-29 16:19 評(píng)論0 收藏0