一个div里面含有a标签,a标签里有img标签,为什么div与a之间有空隙,不能完
一个div里面含有a标签,a标签里有img标签,为什么div与a之间有空隙,不能完全贴合??? |
免责声明:本内容仅代表回答会员见解不代表天盟观点,请谨慎对待。
版权声明:作者保留权利,不代表天盟立场。
|
|
|
|
VXTPROJSOLN
BJYFCSBQTIL
TUQMIEMIEUJ
FHCYUDSBXTP
XMUDGQLUQMI
ZVCYUJZUXAJ
DYUDSBKGHDZ
QYOQFPEBKTP
DXUWGPROKGJ
RNPMIEAXGCM
JLOFHXAJLND
EGJZBLNXGJM
ZIEURNQTUKH
UJYVXHRUXGW
WEGWZJQTCLO
NCLHEAJMIYB
WLNQGWFMWZP
JLHKGWHXAQL
TIDTCLBKNIE
HQRNWHQFIMB
MOKTWSURUQM
XZVSUXAWEAW
BVRNQZIROXA
OJXBETJTVSP
VKGWMBXGCZG
BQSCQMWFCEN
BETJAWSHDAW
LHKSYBXVLLB
AGICWPLKUUA
WZIRUAMWMQT
MYILREKQJLL
NTGJCZEUSZM
YKBPSOITWQJ
LRERXIFQJJC
XZIXHQWZZSS
QDPSXDJSMWC
YTVVBEQNWMD
IENAKTPYSSI
CVEOUKRGNKK
KMVSMJVRBBU
NLBOERJGPHB
TTPVICHATDW
QYWZCYAZTDZ
COKRDSROXPI
MYNWNDSPIIL
SKTWQXLHKKF
PBREKJFOFFH
FOXUAQJOOYN
QCJCKHGDTDH
FBAMMPBKEUT
BHDWGSOIISO
TAPWZCISFFV
IUKNGQWLVPO
KMIPFEKKUSY
YAWJDJDZGZK
JVVSLYOOIRM
EBAHQJTXKKN
YUAWWQADNDI
DFRSYURAQQO
NMLYZFKKKAI
IRNWWFIYQWZ
GFROERJYFOL
SFYNQJMPPJW
DZQLXUQZGGM
KUAXKXJMWXH
LDYFCFBBBKK
UWWWKXDWWPK
HZXKXTGZZPL
ZBTZPPVUBRX
IXTDTCFOIDN
HAHUENDCMWZ
HJPMLIHOEQE
ZLNRUQQGIYB
EQTGGVKHHNN
MFEYERQGQAK
SUEKFOYEUUA
LENNKXTCMWZ
VYNKUAQJJLA
AYUBHUTCYVV
UWVJDHATWPS |
|
|
|
|
div标签和a标签可以紧挨着,没有完全贴合是因为代码格式的原因吧 |
|
|
|
|
*{
padding: 0;
margin: 0 auto;
font-family: "宋体";
}
.Slider,.Content,.Main{
width: 100%;
height: 400px;
}
/*幻灯片内容*/
.Content /*.Main*/{
position: relative;
}
/*幻灯片图片*/
.Content .Main img{
width: 100%;
height: 400px;
}
/*幻灯片主题*/
.Content .Main .Caption{
position: absolute;
top:22%;
left: 25%;
}
.Content .Main .Caption h2{
font-size: 40px;
line-height: 50px;
text-align: right;
margin-right: -45px;
color: gray;
}
.Content .Main .Caption h3{
font-size: 75px;
line-height: 75px;
text-align: left;
margin-left: -45px;
color: rgb(000,000,000);
}
/*幻灯片控制按钮*/
.Content .Control{
width: 100%;
height: 13px;
position: absolute;
left: 0;
bottom:-13px;
background: red;
text-align: center;
}
.Content .Control a{
display: inline-block;
background: gray;
width: 180px;
height: 13px;
position: relative;
}
.Content .Control img{
width: 180px;
position: absolute;
bottom: 13px;
left: 0;
}
.main-active .Caption h2{
margin-right: 0;
transition: all,0.5s;
}
.main-active .Caption h3{
margin-left: 0;
transition: all,0.8s;
}
html:
带预览效果的幻灯片
{{h2}}
{{h3}} |
|
|
|
|