Ⅰ css怎麼設置圖片和文字在同一行
<style type="text/css">
.main{width: 80%;margin: 0 auto;height: 100px;}
.img{width: 40%;float: left;}
.img img{height: 100px;max-width: 100%;}
.main p{width: 60%;float: left;word-break: break-all;line-height: 100px;}
</style>
<div class="main">
<div class="img">
<img src="img/xxx.jpg" >
</div>
<p>你的文字</p>
</div>
至於p標簽的行高你可以隨意調，不懂可以追問或私我
Ⅱ css如何讓圖片和文字對齊
用屬性 vertical-align: top; 就可以
Ⅲ CSS 圖片和文字如何實現並排
無論你右邊文字有多少，始終都會在圖片右邊，不會再跑到圖片下邊了。
代碼如下，好好研究：
<style type="text/css">
.item .pic { float:left;margin-right:10px;width:100px;height:100px; }
.item .content {float:left;width:500px;}
</style>
<div class="item">
<div class="pic"><img src="a.jpg"></div>
<div class="content">文字部分</div>
</div>由於這個功能都要使用到浮動float，就需要對左右兩邊的模塊都要定義款度，不然的話，默認的都是100%，是填充整個外部容器，是無論如何都不能左右顯示了。
Ⅳ 在網頁裡面怎麼用div+css讓圖片和文字在一行呢
<div
style="
background-image:url(您的圖片位置)">
<div>這里添加logo
（用css控制就可以了）</div>
<div>這里可以添加文字了！如果需要的話可以吧文字放在一個容器里，並用css控制它的位置。</div>
</div>
這個我調試過了
在所有瀏覽器上都沒有問題的！
Ⅳ css 如果想讓一張圖片和一段文字在一行怎麼辦
想實現你給圖片那樣嗎？
一般來說是給圖片加上左浮動 float:left
<div>
<imgsrc="https://iknow-pic.cdn.bcebos.com/1ad5ad6eddc451da041568c3b4fd5266d0163232"style="float:left"/><strong>nihao<br/>
內容測試</strong><br/>
<br/>
內容測試</div>
Ⅵ html+css問題 圖片和文字如何並排
你好，將圖片和文字分別放在兩個diy中給兩個div分別設置樣式float:left
希望能夠幫到您，感謝您的採納。
Ⅶ css如何實現圖片佔一整列的效果
css部分的:
#main{marign:0px;padding:0px;width:300px;height:200px;border:1px solid #000;}
#left{margin:0px;padding:0px;width:80px;height:200px;float:left;}
.img{marign:10px auto;width:50px;height:50px;}
#right{marign:10px auto;padding:0px;width=200px;}
.right_text{font-size:12px;color:#000;}
html部分的:
<div id=main>
<div id=left><img class=img src="(圖片的路徑)"></div>
<div id=right>
<div class=right_text>右邊文字內容就不寫了</div>
</div>
</div>
大概就是這么寫，沒調試過，參考下吧
Ⅷ 這樣的CSS如何實現圖片與文字並列
<div class="test1">
<div id=1>
<img src="../pic/123.gif" />
</div>
<div id=2>
<p>123</p>
<P>234</P>
<p>345</p>
</div>
</div>
這個放在 title之下 head這前
<style type="text/css">
<!--
.test1 #1 {
float: left;
}
.test1 #2 p {
float: right;
}
-->
</style>
Ⅸ div加css怎麼使圖片和文字並排顯示 並使文字上下對齊
不考慮IE7的話，最簡單的方法就是用 display:table 屬性來模擬表格布局，顯示為 table 的 元素可以使用 vertical-align:middle 來將其中的文字垂直居中，這里可以很方便的將顯示內容均分為4個列。
Ⅹ CSS中，如何將文字和圖片在一條線
CSS中將文字和圖片在一條線，就是用一個大的div將圖片和文字都包裹起來，文字和圖片都是需要將div包裹著，然後給這個三個div設置好適當的寬高，然後在文字和圖片的這2個div設置一個float屬性，這樣圖片和文字在一條線上,具體看代碼：
<html>
<head>
<style>
#div1{
width:600px;
height:200px;
font-size:13px;
}
#div1 .img{
width:300px;
height:200px;
float:left;
}
#div1 .wenzi{
width:200px;
height:200px;
float:left;
}
</head>
<body>
<div id='div1'>
<div class='img'>
<img src='圖片地址'>
</div>
<div class='wenzi'>我跟圖片在一條線上</div>
</div>
</body>
</html>