ホームページ > ウェブフロントエンド > htmlチュートリアル > スペースを入れずに連続した文字を折り返す方法_html/css_WEB-ITnose

スペースを入れずに連続した文字を折り返す方法_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:29:41
オリジナル
1253 人が閲覧しました

スペースなしで連続した文字を折り返す方法:
デフォルトの状態では、連続した文字は折り返すことができず、要素の境界からはみ出してしまいます。このような文字列を折り返す方法は次のとおりです。
コードは次のとおりです:

<!DOCTYPE html>    <html>    <head>    <meta charset=" utf-8">    <meta name="author" content="http://www.softwhy.com/" />  <title>蚂蚁部落</title>  <style type="text/css">div{  width:100px;  height:100px;  background:green;  word-break:break-all;}</style></head>  <body>  <div>AAAAAAAAAAAAAAAAAAAAAAAAAA</div>  </body>  </html>
ログイン後にコピー

上記のコードは要件を実現し、連続する文字を折り返すことができます。

元のアドレスは次のとおりです: http://www.softwhy.com/forum.php?mod=viewthread&tid=14053

詳細については、以下を参照してください: http://www.softwhy.com/divcss/

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート