• HTML
  • CSS

PRE 태그 텍스트 영역 잡기

2019-06-06 234

설명

  • 카카오톡 링크

PRE 태그 텍스트 영역 잡기 코드입니다.

소스실행 현황

소스보기( X표시가 나타나면 무시하셔도 됩니다! )

<style>
	pre.align {
		width:100%;
		overflow:hidden;
		word-break:break-all;
		word-break:break-word;
		line-height:21px;
		white-space: pre-wrap;
		white-space: -moz-pre-wrap;
		white-space: -pre-wrap;
		white-space: -o-pre-wrap;
		word-wrap: break-word;
	}
</style>
<h3 class="view_h3">일반적인 &lt;pre&gt; 태그의 모습입니다.</h3>
<pre>
일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.
</pre>

<h3 class="view_h3">CSS를 먹인 &lt;pre&gt; 태그의 모습입니다.</h3>
<pre class="align">
일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.일반적인 &lt;pre&gt; 태그의 모습입니다.
</pre>