html中我用table布局的，但是想做这个效果：文字位于图片的右下角怎么实现
双击后就会变为可编辑状态，你可以改字体，字高等等，知道满意。或者删除后点——绘图——多行文字——按照命令行提示即可搞定。
绛旓細鍒朵綔琛ㄦ牸甯冨眬鐨缃戦〉姝ラ濡備笅锛1. 缂栧啓 HTML 浠ｇ爜锛氬湪 HTML 鏂囦欢涓娇鐢 table 鏍囩鍒涘缓琛ㄦ牸锛屽苟浣跨敤 tr 鏍囩鍒涘缓琛岋紝浣跨敤 td 鏍囩鍒涘缓鍗曞厓鏍笺2. 璁捐琛ㄦ牸鏍峰紡锛氫娇鐢 CSS 鏍峰紡琛ㄤ负琛ㄦ牸娣诲姞鏍峰紡锛屽寘鎷〃鏍艰竟妗嗐佸崟鍏冩牸杈规銆佸崟鍏冩牸鑳屾櫙棰滆壊銆佸崟鍏冩牸瀹藉害绛夈3. 娣诲姞鍐呭锛氬湪鍗曞厓鏍间腑娣诲姞闇瑕佹樉绀虹殑鍐呭锛...
绛旓細鍙屽嚮鍚庡氨浼氬彉涓哄彲缂栬緫鐘舵侊紝浣犲彲浠ユ敼瀛椾綋锛屽瓧楂樼瓑绛夛紝鐭ラ亾婊℃剰銆傛垨鑰呭垹闄ゅ悗 鐐光斺旂粯鍥锯斺斿琛屾枃瀛椻斺旀寜鐓у懡浠よ鎻愮ず鍗冲彲鎼炲畾銆
绛旓細01 鏂板缓涓涓HTML鏂囦欢锛屽懡鍚嶄负testTable.html 02 澧炲姞table鏍囩锛屾暟鎹睍绀轰互鐪佷唤鍜岀渷浼氫负渚嬶紝浠ｇ爜濡備笅 03 鍦ㄤ唬鐮鐨绌虹櫧鍑哄彸閿紝閫夋嫨娴忚鍣ㄦ墦寮锛岄夋嫨榛樿鍗冲彲 04
绛旓細1銆佷唬鐮侊紝鍏鐢╰able鏍囩瀹氫箟涓涓〃鏍硷紝鍏朵腑border琛ㄧず杈规锛宐order=1琛ㄧず杈规涓1涓儚绱狅紝鏁板艰秺澶э紝杈规灏辫秺绮椼倀able border=1 /table 2銆乼r鍏冪礌琛ㄧず琛ㄦ牸涓鐨琛岋紝姣斿鍒涘缓涓よ tr/tr琛ㄧず涓琛屻3銆佸崟鍏冩牸 HTML琛ㄦ牸鐨勫崟鍏冩牸鐢╰d鏍囩琛ㄧず锛屽涓嬪浘鎵绀猴細td璇枃/td 4銆佽〃鏍 灏卞仛濂戒竴涓狧TML琛ㄦ牸锛屾樉绀...
绛旓細鐢佃剳銆佹祻瑙堝櫒銆html缂栬緫鍣ㄣ1銆侀鍏堬紝鎵撳紑html缂栬緫鍣紝鏂板缓html鏂囦欢锛屼緥濡傦細index.html锛岃緭鍏ラ棶棰樺熀纭浠ｇ爜銆2銆佸皢index.html涓鐨<table>鏍囩鐨勭2琛岃皟鏁翠负锛<tr><td colspan="3"><img src="small2.png" /></td></tr>銆3銆佹祻瑙堝櫒杩愯index.html椤甸潰锛屾鏃跺浘鐗囨垚鍔熷崰浜嗚〃鏍肩殑绗4-6鏍笺
绛旓細html涓璽able琛ㄦ牸鐨勫睘鎬ф槸鎬庝箞浣跨敤鐨锛熷叾瀹炲緢绠鍗曪紝涓嬮潰鎴戜滑浠ュ嚑涓吀鍨嬬殑灞炴ф潵璇存槑涓涓嬨1銆侀鍏堟槸colspan灞炴э紝杩欐槸鍚堝苟鍗曞厓鏍肩殑锛屼竴鑸竴涓〃鏍肩殑姣忎竴琛岀殑鍗曞厓鏍兼暟鐩兘鏄竴鑷寸殑锛屼絾鍙互浣跨敤杩欎釜灞炴ф潵涓轰换鎰忎竴琛屽悎骞舵煇浜涘崟鍏冩牸锛屼笅鏂圭殑浠ｇ爜灏辨槸涓虹涓琛屽悎骞3涓崟鍏冩牸锛屼粠鑰岃杩欎竴琛屽彧鏈変竴涓崟鍏冩牸鐨勩2...
绛旓細HTML涓殑margin锛氭帰绱㈣竟璺濈殑绉樺瘑</ HTML涓殑margin鏄〉闈甯冨眬涓殑鍏抽敭鍏冪礌锛屽畠鎺у埗鐫鍏冪礌鍛ㄥ洿鐨勭┖鐧藉尯鍩熴傚綋浣犳彁鍒拌涓涓table鐨宸﹂潰鏈4.65pt鐨勮竟璺濓紝鍏跺疄鏄氳繃璁剧疆margin-left: 4.65pt;鏉ュ疄鐜扮殑銆傝繖涓睘鎬у厑璁镐綘绮剧粏璋冩暣鍏冪礌涓庣浉閭诲厓绱犱箣闂寸殑闂磋窛锛屽弬鏁板垎鍒搴斾笂銆佸彸銆佷笅銆佸乏鍥涗釜鏂瑰悜銆傜劧鑰岋紝鍊煎緱...
绛旓細<td>Row 1, cell 2</td> </tr> </table> 琛ㄦ牸鐨琛ㄥご 琛ㄦ牸鐨勮〃澶浣跨敤 <th> 鏍囩杩涜瀹氫箟銆傚ぇ澶氭暟娴忚鍣ㄤ細鎶婅〃澶存樉绀轰负绮椾綋灞呬腑鐨勬枃鏈細琛ㄦ牸涓殑绌哄崟鍏冩牸 鍦ㄤ竴浜涙祻瑙堝櫒涓紝娌℃湁鍐呭鐨勮〃鏍煎崟鍏冩樉绀哄緱涓嶅お濂姐傚鏋滄煇涓崟鍏冩牸鏄┖鐨勶紙娌℃湁鍐呭锛夛紝娴忚鍣ㄥ彲鑳芥棤娉曟樉绀哄嚭杩欎釜鍗曞厓鏍肩殑杈规銆傛敞鎰忥細...
绛旓細棣栧厛鏉ョ湅鍘熷html鐣岄潰锛屾垜浠笇鏈涚缉鏀剧晫闈㈡椂锛屾枃瀛楅儴鍒嗗彲浠ラ殢鐫娴忚鍣ㄧ殑缂╂斁杩涜鎹㈣锛屽嵆鑷姩鎹㈣鍔熻兘銆備絾鏄浘涓殑浠ｇ爜娌℃湁瀹炵幇鑷姩鎹㈣銆傛帴涓嬫潵鎴戜滑鐪嬩竴涓嬪浘涓殑鐣岄潰浠ｇ爜銆 鍙戠幇鐣岄潰鏄浣跨敤table鏉ュ疄鐜版枃瀛鐨鎺掔増鍜屽榻愮殑锛屼簬鏄皬缂栬蛋涓婁簡table鑷姩鎹㈣鐨勯亾璺.鍗冪瘒涓璺殑甯栧瓙鎺ㄨ崘浣犱娇鐢ㄢ渨ord-break:break-all...
绛旓細鑼冧緥涓銆佺敤HTML font鏂囧瓧鏍囩淇敼琛ㄦ牸鏂囧瓧澶у皬涓庡瓧鍨 <table border="1" cellpadding="5"> <tr><td><font size="5">杩欐槸size = 5鐨鏂囧瓧澶у皬</font></td><td><font face= "DFKai-sb">杩欐槸鏍囨シ浣撶殑鏂囧瓧瀛楀瀷</font></td> </tr> </table> 鍛堢幇缁撴灉 璇氬绗竴娈垫墍璇达紝鑻ヨ绗﹀悎鏈鏂扮殑...
