網頁美化圖片和文字對齊

⑴ 網頁設計如何讓文字與圖片緊挨

插入一個一行兩列的表格，邊框粗細選為0，單元格邊距選為0，單元格間距選為0，在第一個單元格中插入圖片，水平位置選擇「右對齊」在第二個單元格中插入文字，水平位置選擇左對齊。這樣就行啦

⑵ DW做網頁怎麼讓左邊放圖片右邊放文字，然後讓文字對齊圖片的中間

如果是用表格布局，比較簡單，大表格分左右兩列，左邊放圖，右邊放文字，圖片和文字垂直劇中

如果用DIV+CSS，左右DIV浮動，相對父DIV居中對齊

⑶ html怎麼讓圖片文字對齊

方法太多，列舉幾個吧
1.兩個元素均設置float:left
或right
2.通過調整元素的left或right實現
3.兩個元素均設置diaplay:block，因元素為默認左對齊，且均設為塊級元素後，都將獨佔一行。

⑷ 網頁設計問題：怎樣將文字對齊

最簡單的方法是給文字所在的那個標簽加一個padding-top,用上填充的方法模擬出文字向下對齊的效果來。
如果不想用這種方法，也有比較復雜的實現手段。假設上面html的代碼是是這樣的：
廣東科技學院
……
那麼可以這樣來定義它的css
.footer
{height:100px;
position:relative;}
.center
{position:absolute;
bottom:0;
text-align:center;}
給文字做一下絕對定位，這樣它的父元素無論高度是怎樣，都可以向下對齊了。

⑸ 簡述網頁設計中的圖像與周邊文字有幾種對齊方式及其特點

網頁中的常見元素主要包括以下幾種類型：文本、圖象、動畫、視頻音樂、超鏈接、表格、表單和各類控制項等。一、文本：文字能准確地表達信息的內容和含義，且同樣信息量的文本位元組往往比圖象小，比較適合大信息量的網站。二、圖像：在網頁中使用GIF,JPEG(JPG),PNG三種圖象格式，其中使用最廣泛的是GIF和JPEG兩種格式。說明：當用戶使用所見即所得的網頁設計軟體在網頁上添加其他非GIF,JPEG,或PNG格式的圖片並保存時，這些軟體通常會自動將少於8位顏色的圖片轉化為GIF格式，或將多於8位顏色的圖片轉化為JPEG.另外，JPG圖片是靜態圖，GIF則可以是動態圖片三、動畫：主要指由FLASH軟體製作的動畫,由於其是准流媒體文件,加上矢量動畫,文件小,使其在網路運行具有強大優勢,是網頁設計者必學的軟體。四、聲音和視頻：用於網路的聲音文件的格式非常多，常用的有MIDI、WAV、MP3和AIF等。很多瀏覽器不要插件也可以支持MIDI,WAV和AIF格式的文件，而MP3和RM格式的聲音文件則需要專門的瀏覽器播放。視頻文件均需插件（如REALONE、MEDIAPLAYER）支持，用於網路的視頻格式主要有ASF、WMV、RM等流媒體格式。五、超級鏈接：從一個網頁指向另一個目的端的鏈接。六、表格：在網頁中表格用來控制網頁中信息的布局方式。這包括兩方面：1、是使用行和列的形式來布局文本和圖像以及其他的列表化數據；2、是可以使用表格來精確控制各種網頁元素在網頁中出現的位置。七、表單：用來接受用戶在瀏覽器端的輸入，然後將這些信息發送到用戶設置的目標端。表單由不同功能的表單域組成，最簡單的表單也要包含一個輸入區域和一個提交按鈕。根據表單功能與處理方式的不同，通常可以將表單分為用戶反饋表單，留言簿表單，搜索表單和用戶注冊表單等類型。八、導航欄：導航欄就是一組超級鏈接，這組超級鏈接的目標就是本站點的主頁以及其他重要網頁。導航欄的作用就是引導瀏覽者游歷站點，同時首頁的導航欄，對搜索引擎的收錄意義重大。九、網頁中除了以上幾種最基本的元素之外，還有一些其它的常用元素，包括懸停按鈕，Java特效，ActiveX等各種特效。它們不僅能點綴網頁，使網頁更活潑有趣，而且在網上娛樂，電子商務等方面也有著不可忽視的作用。

⑹ 網頁設計時如何將圖片和文字位於同一水平

有好多種方法，如下：
1、簡單的插入圖片
+
文字
：
需要使圖片絕對居中
align="absmiddle"
2、表格分段，既兩列，一列放圖片，另一列放文字，使其二項垂直居中
3、div布局，可以吧圖片作為背景，文字縮進；或者圖片向左浮動，文字向右浮動，需要兩個標簽。
方法很多的

⑺ 你好~我想把網頁中的文字與圖片平行對齊當文字的內容長度超過圖片的高度時，換行後文字顯示在圖片下方

<img src="aaaaaa.jpg" align="left" width="xx" height="" />

這是網頁中圖片標簽，你想要方式是圖片對齊方式，注意我那個標簽中的align="left",這是左對齊，文字在右邊;="right"時，是右對齊，文字在左邊.

希望幫到你

⑻ 怎樣讓圖形和文字對齊

Word2010中如何讓圖形快速完美的對齊?這里我們要用到風格線，網格線具有吸附性，只要將對象拖放一下，對象就會自動吸附到合適位置。下面由我為您提供讓圖形和文字快速完美的對齊的技巧，希望能幫助您。

讓圖形和文字對齊步驟1： 打開Word文檔，進入「視圖」選項卡，在「顯示」選項組中勾選「網格線」復選框。

讓圖形和文字對齊步驟2： Word中出現了網格線，單擊「頁面布局」-「排列」-「對齊」按鈕，在彈出的下拉框中選擇「網格設置」命令。

讓圖形和文字對齊步驟3： 彈出「繪制網格」對話框，在「網格設置」組中根據需要設置網格的「水平間距」和「垂直間距」，勾選「顯示網格」組中的「垂直間距」復選框，然後單擊「確定」按鈕。

讓圖形和文字對齊步驟4： 網格就設置完成了，現在測試一下效果，在文檔中插入幾個形狀。單擊「插入」-「插圖」-「形狀」按鈕，在彈出的下拉框中選擇需要的形狀。

讓圖形和文字對齊步驟5： 在網路上繪制形狀，選擇「繪圖工具-格式」選項卡，在「形狀樣式」選項組中選擇一種形狀樣式。

讓圖形和文字對齊步驟6： 按照上述步驟4、5再添加幾個形狀，用滑鼠拖動任意一個形狀，該形狀就會在橫向和縱向上以一個小網路為單位進行移動，這樣就能很容易看出來編輯對象是否對齊。

怎樣讓圖形和文字對齊相關 文章 ：

★ word設置圖片文字對齊的方法步驟圖

★ CAD怎樣將圖形和標注對齊

★ word中對齊文字的方法圖解步驟

★ 在CAD中輸入文字怎麼自動對齊

★ cad怎樣將圖形標注對齊

★ word2007如何將自選圖形對齊

★ word2010如何使用對齊插入的圖形

★ 讓word文本對齊的方法全解

★ word怎麼設置圖片居中對齊

⑼ 網頁設計時如何將圖片和文字位於同一水平

網頁設計時將圖片和文字位於同一水平方法：

一、不要給文字標簽加屬性。給img{vertical-align: middle;}一個屬性即可。

二、img標簽向左浮動，給文字加一個標簽（例如span），然後設置文字標簽為塊狀，並設置上(內/外)邊距。span{ display:inline-block; margin-top:4px; margin-top：4px;} 內邊距，外邊據均可，最好是內邊距。

三、給文字加個標簽（例如span），同時控制這兩個標簽浮動。並給文字加行高，其值為圖片高度值。

⑽ dreamweaver中如何使圖片與文本左右對齊

使用css樣式定義文本對齊方式：text-align:left;text-align:center;text-align:right;分別是文本左對齊，居中對齊，右對齊。

一般水平對齊方式比較好操作，主要是垂直對齊方式，如：單行文本垂直居中，多行文本垂直居中，圖片與文字中線對齊等，根據情況來定，你的問題有點太籠統。

DW怎麼讓圖片上下左右居中？

1、打開Dreamweaver，點擊「文件」，點擊「新建」。

2、點擊「創建」，點擊「插入」，點擊「image」，找到目標圖片位置。

3、點擊目標圖片，點擊「確定」，點擊「窗口」。

4、點擊「屬性」，點擊空白位置，點擊「居中」符號即可。

Dreamweaver

Aobe Dreamweaver，簡稱「DW」，中文名稱"夢想編織者"，最初為美國MACROMEDIA公司開發，2005年被Adobe公司收購。

DW是集網頁製作和管理網站於一身的所見即所得網頁代碼編輯器。利用HTML、CSS、JavaScript等內容的支持，設計師和程序員可以在幾乎任何地方快速製作和進行網站建設。

Adobe Dreamweaver使用所見即所得的介面，亦有HTML（標准通用標記語言下的一個應用）編輯的功能，藉助經過簡化的智能編碼引擎，輕松地創建、編碼和管理動態網站。訪問代碼提示，即可快速了解HTML、CSS和其他Web標准。使用視覺輔助功能減少錯誤並提高網站開發速度。