❶ 如何利用CSS控制文本只在一行顯示
用CSS讓文字在一行內顯示不換行的方法：
一般的文字截斷(適用於內聯與塊)：
.text-overflow{
display:block;/*內聯對象需加*/
width:31em;
word-break:keep-all;/* 不換行 */
white-space:nowrap;/* 不換行 */
overflow:hidden;/* 內容超出寬度時隱藏超出部分的內容 */
text-overflow:ellipsis;/*溢出時顯示省略標記...；需與overflow:hidden;一起使用*/
}
對於表格，定義有點不一樣：
table{
width:30em;
table-layout:fixed;/*只有定義了表格的布局演算法為fixed，下面td的定義才能起作用*/
}
td{
width:100%;
word-break:keep-all;/* 不換行 */
white-space:nowrap;/* 不換行 */
overflow:hidden;/* 內容超出寬度時隱藏超出部分的內容 */
text-overflow:ellipsis;/* 溢出時顯示省略標記...；需與overflow:hidden;一起使用*/
}
註：這個只對單行的文字的效，如果你想把它用在多行上，也只有第一行有作用的。 這個寫法只有IE會有"..."，其它的瀏覽器文本超出指定寬度時會隱藏。
❷ 怎麼用CSS給網頁中的元素（圖片、文字等）定位
<div> 圖片、文字 </div>
一般我是同過 設置 padding（補白） margin（邊距）等樣式來在頁面上排版，
有一些就是position 是在整個頁面上定位
=================================
position : static; /* 無定位 */
position : relative; /* 依物件左上角為基準取相當位置 */
position : absolute; /* 依網頁左上角為基準取絕對位置 */
position : fixed; /* 固定位置不受滾動條影響 */
===================================
設置了position屬性 然後直接｛top:100px;｝還可以用margin-top:-100px;
margin在設置了position 後可以 為負值例如「-100px;
」
❸ 如何實現div+css實現圖片與文字水平對齊
實現div+css實現圖片與文字水平對齊,首先需要的是用3個div布局，一個div包裹著其他的2個，給每個div設置好一定的寬度和高度，然後在對包裹的2個div使用float這個屬性，float 屬性定義元素在哪個方向浮動。以往這個屬性總應用於圖像，使文本圍繞在圖像周圍，不過在 CSS 中，任何元素都可以浮動。具體可以看下代碼：
<html>
<head>
<style>
#round{
width:600px;
height:300px;
}
#div1{
width:200px;
height:250px;
float:left;
}
#div2{
width:200px;
height:250px;
float:left;
}
</style>
</head>
<body>
<div id='round'>
<div id='div1'>
<img src='圖片地址'>
</div>
<div id='div2'>
<p>我是測試文字</p>
</div>
</div>
</body>
</html>
❹ css 設置圖片與文字的對齊方式 求教
<p></p>代表的是一個段落容器，這個容器的style:
text-align
決定了整個容器里元素的排版方式
而
vertical-align
屬性是設置元素的
垂直對齊
方式。
說明
該屬性定義行內元素的基線相對於該元素所在行的基線的垂直對齊。允許指定負長度值和百分比值。這會使元素降低而不是升高。在表單元格中，這個屬性會設置單元格框中的單元格內容的對齊方式。
也就是說這兩個屬性的目標是不一樣的，<p></p>以及其他父類容器假如定義了text-align屬性，那這些容器內的子元素都按照這個排版方式來進行排版，而vertical-align只是影響設置了這個屬性的元素。
其實CSS你要去看具體的屬性有什麼特性才能了解具體的內容
建議去
http://www.w3school.com.cn/
看看
❺ css 設置圖片與文字的對齊方式 求教
這里給你解釋一下 <p> 也算是一個容器，什麼叫容器，比如罐子，碗，等，可以在裡面放東西的都屬於容器 而<img> 不是容器，只是顯示反映圖片 <p style="text-align:left;" 為什麼寫在<p>裡面，舉例說明，一個紙盒子，我裡面放個球，那麼我想把球放到中間，那麼你說，我的操作是對於哪個而言呢？ 這個中間，肯定是對應於紙盒子，而非球 所以，這里的style 是寫在p裡面 而不是 img 至於style="vertical-align; 我也不大清楚，你可以去網路查一下這個屬性的意思。
❻ div+css中圖片文字如何排版
div 是一個塊，css是為這個塊給出樣式；你所謂的如何排版，就是怎樣使用嗎？<div style="color:#fff;">顯示內容</div>style屬性就是的css樣式的內容。