已經(jīng)將img大小設(shè)定了，為什么media-body部分內(nèi)容不左移動(dòng)？
<!DOCTYPE?HTML> <html> <head> <meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"> <title>媒體對(duì)象--媒體對(duì)象列表</title> <link?rel="stylesheet"?> </head> <body> <ul?class="media-list"> ????<li?class="media"> ???????//這里我給img設(shè)定了寬度變小，可是瀏覽器顯示效果僅僅是將圖片變小了，可是右邊文字部分還沒有左移 ?<a?class="pull-left"><img?style="width:55%;"? src="http://a.disquscdn.com/uploads/users/3740/2069/avatar92.jpg?1406972031"></a> ????????<div?class="media-body"> ????????????<h4?class="media-heading">我是大漠</h4> ????????????<p>這種方法的實(shí)現(xiàn)對(duì)圖片是有要求的，如果圖片比較大從效果上看是沒任何作用的</p> ????????</div> ????</li> ????<li?class="media"> ????????<a?class="pull-left"><img??src="http://tp2.sinaimg.cn/3306361973/50/22875318196/0"></a> ????????<div?class="media-body"> ????????????<h4?class="media-heading">慕課網(wǎng)</h4> ????????????<p>這種方法的實(shí)現(xiàn)對(duì)圖片是有要求的，如果圖片比較大從效果上看是沒任何作用的</p> ????????</div> ????</li> ????<li?class="media"> ????????<a?class="pull-left"><img?src="http://tp4.sinaimg.cn/1167075935/50/22838101204/1"></a> ????????<div?class="media-body"> ????????????<h4?class="media-heading">W3cplus</h4> ????????????<p>這種方法的實(shí)現(xiàn)對(duì)圖片是有要求的，如果圖片比較大從效果上看是沒任何作用的</p> ????????</div> ????</li> </ul> ??<script?src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> ??<script?src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>? </body> </html>
第一個(gè)li里面的img，我給設(shè)定了寬度變小至55%，可是瀏覽器顯示效果僅僅是將圖片變小了，可是右邊文字部分還沒有左移
2017-08-21
你如果想中間的10px不要，也很簡(jiǎn)單，因?yàn)閜ull-left，原本就是向做浮動(dòng)，現(xiàn)在這個(gè)pull-left在media中就個(gè)給他添加了一個(gè)向右的外邊距，如下media > .pull-left {?margin-right: 10px;}；那現(xiàn)在就很明白了，你直接取消pull-left，然后直接在后面寫一個(gè)樣式?style="float:left" 就可以了
2017-08-21
還有為什么圖片和文字中間有間隙，因?yàn)?/p>
.media > .pull-left {
?margin-right: 10px;
}
.media > .pull-right {
?margin-left: 10px;
}
每個(gè)media-object中的<a>標(biāo)簽都加了pull-right或者還是pull-left，然后有10px的外邊距
2017-08-21
你的好好學(xué)一下什么是，行內(nèi)元素，什么是塊級(jí)元素，你對(duì)一個(gè)行內(nèi)元素設(shè)寬度，當(dāng)然不行了
2016-12-20
@Slience丶 ? ? ? ? 我的意思是那個(gè)頭像縮小后怎么出現(xiàn)了紅框所示那么大一段間隙。? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?
2016-12-19
將第一個(gè)a標(biāo)簽的pull-left改成pull-right