導航:首頁 > 編程語言 > js裡面的圖片對齊

js裡面的圖片對齊

 發布時間：2025-04-29 06:39:31

『壹』 css如何控制圖片位置

1、首先我們需要插入一張圖片，並且圖片只出現一次，並設計圖片出現的位置在左上角，可以按照如下代碼來完成：

<html>

<head>

<title>圖片位置設置</title>

<style type="text/css">

body{

background-image:url("2.jpg");

background-attachment:scorll;

background-repeat:no-repeat;

background-position:top left;

}


</style>

</head>

<body>

</body>

</html>

可以看到背景圖片出現的位置在瀏覽器的左上角，這個和默認的設置是一樣的。

『貳』 在js中如何給text-align賦值

HTML DOM 允許 javaScript 改變 HTML 元素的樣式，設置text-align樣式的代碼為：

obj.style.textAlign="left/right/center";

實例演示如下:

1、HTML結構

<divid="test">示例文字</div>
<inputtype="button"value="左對齊"onclick="fun1()">
<inputtype="button"value="居中"onclick="fun2()">
<inputtype="button"value="右對齊"onclick="fun3()">

2、javascript代碼

functionfun1(){
	document.getElementById("test").style.textAlign="left";
}
functionfun2(){
	document.getElementById("test").style.textAlign="center";
}
functionfun3(){
	document.getElementById("test").style.textAlign="right";
}

3、效果演示

閱讀全文

與js裡面的圖片對齊相關的資料

熱點內容
windows7系統共享文件 瀏覽：62
ps前往文件夾 瀏覽：694
信捷plc編程用哪個軟體 瀏覽：939
vba導入文件 瀏覽：690
更新後版本英文怎麼說 瀏覽：267
桌面雲配置文件分離 瀏覽：505
iphone5如何升級4g網路 瀏覽：5
團購是在哪個app 瀏覽：897
打開多個word文檔圖片就不能顯示 瀏覽：855
騰訊新聞怎麼切換版本 瀏覽：269
app安裝失敗用不了 瀏覽：326
桌面文件滑鼠點開會變大變小 瀏覽：536
手機誤刪系統文件開不了機 瀏覽：883
微信兔子甩耳朵 瀏覽：998
android藍牙傳文件在哪裡 瀏覽：354
蘋果6s軟解是真的嗎 瀏覽：310
c語言代碼量大 瀏覽：874
最新網路衛星導航如何使用 瀏覽：425
以下哪些文件屬於圖像文件 瀏覽：774
zycommentjs 瀏覽：414

友情鏈接