娴佸姩妯″瀷/a鏍囩鎹㈣闂
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了娴佸姩妯″瀷/a鏍囩鎹㈣闂相关的知识，希望对你有一定的参考价值。
鏍囩锛?a href='http://www.mamicode.com/so/1/str' title='str'>str type nowrap strong 鍖呭惈 span div 瀹炰緥
娴佸姩妯″瀷锛堜竴锛?/h2>
鍏堟潵璇翠竴璇?strong>娴佸姩妯″瀷锛屾祦鍔紙Flow锛夋槸榛樿鐨勭綉椤靛竷灞€妯″紡銆備篃灏辨槸璇寸綉椤靛湪榛樿鐘舵€佷笅鐨?HTML 缃戦〉鍏冪礌閮芥槸鏍规嵁娴佸姩妯″瀷鏉ュ垎甯冪綉椤靛唴瀹圭殑銆?/span>
娴佸姩甯冨眬妯″瀷鍏锋湁2涓瘮杈冨吀鍨嬬殑鐗瑰緛锛?/span>
绗竴鐐癸紝鍧楃姸鍏冪礌閮戒細鍦ㄦ墍澶勭殑鍖呭惈鍏冪礌鍐?/strong>鑷笂鑰屼笅鎸夐『搴忓瀭鐩村欢浼稿垎甯冿紝鍥犱负鍦ㄩ粯璁ょ姸鎬佷笅锛屽潡鐘跺厓绱犵殑瀹藉害閮戒负100%銆傚疄闄呬笂锛屽潡鐘跺厓绱犻兘浼氫互琛岀殑褰㈠紡鍗犳嵁浣嶇疆銆?/span>
濡備笅闈唬鐮佷腑鐨勪笁涓潡鐘跺厓绱犳爣绛?div锛宧1锛宲)瀹藉害鏄剧ず涓?00%銆?/span>
瀹炰緥锛?/span>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>娴佸姩妯″紡涓嬬殑鍧楃姸鍏冪礌</title>
<style type="text/css">
#box1
width:300px;
height:100px;
div,h1,p
border:1px solid red;
</style>
</head>
<body>
<div id="box2">box2</div><!--鍧楃姸鍏冪礌锛岀敱浜庢病鏈夎缃搴︼紝瀹藉害榛樿鏄剧ず涓?00%-->
<h1>鏍囬</h1><!--鍧楃姸鍏冪礌锛岀敱浜庢病鏈夎缃搴︼紝瀹藉害榛樿鏄剧ず涓?00%-->
<p>鏂囨湰娈垫枃鏈鏂囨湰娈垫枃鏈鏂囨湰娈垫枃鏈鏂囨湰娈垫枃鏈鏂囨湰娈垫枃鏈鏂囨湰娈垫枃鏈鏂囨湰娈垫枃鏈鏂囨湰娈垫枃鏈鏂囨湰娈点€?span style="color: #0000ff;"></p><!--鍧楃姸鍏冪礌锛岀敱浜庢病鏈夎缃搴︼紝瀹藉害榛樿鏄剧ず涓?00%-->
<div id="box1">box1</div><!--鍧楃姸鍏冪礌锛岀敱浜庤缃簡width:300px锛屽搴︽樉绀轰负300px-->
</body>
</html>
娴佸姩妯″瀷锛堜簩锛?/h2>
绗簩鐐癸紝鍦ㄦ祦鍔ㄦā鍨嬩笅锛?strong>鍐呰仈鍏冪礌閮戒細鍦ㄦ墍澶勭殑鍖呭惈鍏冪礌鍐呬粠宸﹀埌鍙虫按骞冲垎甯冩樉绀恒€傦紙鍐呰仈鍏冪礌鍙笉鍍忓潡鐘跺厓绱犺繖涔堥湼閬撶嫭鍗犱竴琛岋級
涓嬮潰浠ｇ爜鍖?/span>涓唴鑱斿厓绱犳爣绛綼銆乻pan銆乪m銆乻trong閮芥槸鍐呰仈鍏冪礌銆?/span>
瀹炰緥锛?/span>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>娴佸姩妯″紡涓嬬殑鍐呰仈鍏冪礌</title>
<style type="text/css">
</style>
</head>
<body>
<a href="http://www.imooc.com">www.imooc.com</a><span>寮鸿皟</span><em>閲嶇偣</em>
<strong>寮鸿皟</strong>
</body>
</html>
娴忚鍣ㄨ緭鍑猴細
www.imooc.com寮鸿皟閲嶇偣 寮鸿皟
娉細鍦╤tml鐨刟鏍囩涓?/span>
褰撳唴瀹硅繃澶氱殑鏃跺€?锛屽鏋滄槸鑻辨枃 涓嶄細閫犳垚鎹㈣锛屽鏋滃笇鏈涘唴瀹规崲琛岋紝鍦╝鏍囩鐨勬牱寮忎腑鍔犲叆word-wrap:break-word;
渚嬶細aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
濡傛灉鏄腑鏂囦細閫犳垚鎹㈣锛屽鏋滀笉甯屾湜鍐呭鎹㈣锛屽湪a鏍囩鐨勬牱寮忎腑鍔犲叆;white-space:nowrap;
鍏堟潵璇翠竴璇?strong>娴佸姩妯″瀷锛屾祦鍔紙Flow锛夋槸榛樿鐨勭綉椤靛竷灞€妯″紡銆備篃灏辨槸璇寸綉椤靛湪榛樿鐘舵€佷笅鐨?HTML 缃戦〉鍏冪礌閮芥槸鏍规嵁娴佸姩妯″瀷鏉ュ垎甯冪綉椤靛唴瀹圭殑銆?/span>
娴佸姩甯冨眬妯″瀷鍏锋湁2涓瘮杈冨吀鍨嬬殑鐗瑰緛锛?/span>
绗竴鐐癸紝鍧楃姸鍏冪礌閮戒細鍦ㄦ墍澶勭殑鍖呭惈鍏冪礌鍐?/strong>鑷笂鑰屼笅鎸夐『搴忓瀭鐩村欢浼稿垎甯冿紝鍥犱负鍦ㄩ粯璁ょ姸鎬佷笅锛屽潡鐘跺厓绱犵殑瀹藉害閮戒负100%銆傚疄闄呬笂锛屽潡鐘跺厓绱犻兘浼氫互琛岀殑褰㈠紡鍗犳嵁浣嶇疆銆?/span>
濡備笅闈唬鐮佷腑鐨勪笁涓潡鐘跺厓绱犳爣绛?div锛宧1锛宲)瀹藉害鏄剧ず涓?00%銆?/span>
瀹炰緥锛?/span>
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>娴佸姩妯″紡涓嬬殑鍧楃姸鍏冪礌</title> <style type="text/css"> #box1 width:300px; height:100px; div,h1,p border:1px solid red; </style> </head> <body> <div id="box2">box2</div><!--鍧楃姸鍏冪礌锛岀敱浜庢病鏈夎缃搴︼紝瀹藉害榛樿鏄剧ず涓?00%--> <h1>鏍囬</h1><!--鍧楃姸鍏冪礌锛岀敱浜庢病鏈夎缃搴︼紝瀹藉害榛樿鏄剧ず涓?00%--> <p>鏂囨湰娈垫枃鏈鏂囨湰娈垫枃鏈鏂囨湰娈垫枃鏈鏂囨湰娈垫枃鏈鏂囨湰娈垫枃鏈鏂囨湰娈垫枃鏈鏂囨湰娈垫枃鏈鏂囨湰娈垫枃鏈鏂囨湰娈点€?span style="color: #0000ff;"></p><!--鍧楃姸鍏冪礌锛岀敱浜庢病鏈夎缃搴︼紝瀹藉害榛樿鏄剧ず涓?00%--> <div id="box1">box1</div><!--鍧楃姸鍏冪礌锛岀敱浜庤缃簡width:300px锛屽搴︽樉绀轰负300px--> </body> </html>
娴佸姩妯″瀷锛堜簩锛?/h2>
绗簩鐐癸紝鍦ㄦ祦鍔ㄦā鍨嬩笅锛?strong>鍐呰仈鍏冪礌閮戒細鍦ㄦ墍澶勭殑鍖呭惈鍏冪礌鍐呬粠宸﹀埌鍙虫按骞冲垎甯冩樉绀恒€傦紙鍐呰仈鍏冪礌鍙笉鍍忓潡鐘跺厓绱犺繖涔堥湼閬撶嫭鍗犱竴琛岋級
涓嬮潰浠ｇ爜鍖?/span>涓唴鑱斿厓绱犳爣绛綼銆乻pan銆乪m銆乻trong閮芥槸鍐呰仈鍏冪礌銆?/span>
瀹炰緥锛?/span>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>娴佸姩妯″紡涓嬬殑鍐呰仈鍏冪礌</title>
<style type="text/css">
</style>
</head>
<body>
<a href="http://www.imooc.com">www.imooc.com</a><span>寮鸿皟</span><em>閲嶇偣</em>
<strong>寮鸿皟</strong>
</body>
</html>
娴忚鍣ㄨ緭鍑猴細
www.imooc.com寮鸿皟閲嶇偣 寮鸿皟
娉細鍦╤tml鐨刟鏍囩涓?/span>
褰撳唴瀹硅繃澶氱殑鏃跺€?锛屽鏋滄槸鑻辨枃 涓嶄細閫犳垚鎹㈣锛屽鏋滃笇鏈涘唴瀹规崲琛岋紝鍦╝鏍囩鐨勬牱寮忎腑鍔犲叆word-wrap:break-word;
渚嬶細aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
濡傛灉鏄腑鏂囦細閫犳垚鎹㈣锛屽鏋滀笉甯屾湜鍐呭鎹㈣锛屽湪a鏍囩鐨勬牱寮忎腑鍔犲叆;white-space:nowrap;
绗簩鐐癸紝鍦ㄦ祦鍔ㄦā鍨嬩笅锛?strong>鍐呰仈鍏冪礌閮戒細鍦ㄦ墍澶勭殑鍖呭惈鍏冪礌鍐呬粠宸﹀埌鍙虫按骞冲垎甯冩樉绀恒€傦紙鍐呰仈鍏冪礌鍙笉鍍忓潡鐘跺厓绱犺繖涔堥湼閬撶嫭鍗犱竴琛岋級
涓嬮潰浠ｇ爜鍖?/span>涓唴鑱斿厓绱犳爣绛綼銆乻pan銆乪m銆乻trong閮芥槸鍐呰仈鍏冪礌銆?/span>
瀹炰緥锛?/span>
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>娴佸姩妯″紡涓嬬殑鍐呰仈鍏冪礌</title> <style type="text/css"> </style> </head> <body> <a href="http://www.imooc.com">www.imooc.com</a><span>寮鸿皟</span><em>閲嶇偣</em> <strong>寮鸿皟</strong> </body> </html>
娴忚鍣ㄨ緭鍑猴細
www.imooc.com寮鸿皟閲嶇偣 寮鸿皟
娉細鍦╤tml鐨刟鏍囩涓?/span>
褰撳唴瀹硅繃澶氱殑鏃跺€?锛屽鏋滄槸鑻辨枃 涓嶄細閫犳垚鎹㈣锛屽鏋滃笇鏈涘唴瀹规崲琛岋紝鍦╝鏍囩鐨勬牱寮忎腑鍔犲叆word-wrap:break-word;
渚嬶細aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
濡傛灉鏄腑鏂囦細閫犳垚鎹㈣锛屽鏋滀笉甯屾湜鍐呭鎹㈣锛屽湪a鏍囩鐨勬牱寮忎腑鍔犲叆;white-space:nowrap;
以上是关于娴佸姩妯″瀷/a鏍囩鎹㈣闂的主要内容，如果未能解决你的问题，请参考以下文章
HP M154nw褰╄壊鎵撳嵃鏈?鎵撳嵃WORD鏁呴殰鎺掓煡杩囩▼