html – 使用css在框中显示文本

概述我有一个设置在容器内的图像作为背景图像,在它上面我试图放置一个盒子,我应该写文本,但我的问题是,如果文本太长,那么它增加了高度框和它显示在背景图像之外. 我希望盒子及其中的文本总是在图像区域内,无论文本有多长,整个文本应该是可见的(即图像应该以盒子及其文本应始终在里面的方式调整自己如果它也响应也会很棒) .container2 { margin-left: 1%; margin-right @H_404_1@ 我有一个设置在容器内的图像作为背景图像,在它上面我试图放置一个盒子,我应该写文本,但我的问题是,如果文本太长,那么它增加了高度框和它显示在背景图像之外.
我希望盒子及其中的文本总是在图像区域内,无论文本有多长,整个文本应该是可见的(即图像应该以盒子及其文本应始终在里面的方式调整自己如果它也响应也会很棒)

.container2 {  margin-left: 1%;  margin-right: 1%;  height: auto;  max-wIDth: 100%;}.newtestiimg2 {  background-image: url("../testimonial/page.jpg");  background-repeat: repeat-x;  height: 650px;  wIDth: 100%;  color: rgb(255,255,255);}.comment01 {  position: absolute;  padding: 20px;  margin-left: 25%;  wIDth: 50%;  height: auto;  margin-top: -600px;  color: #FFF;  background-color: #000;  margin-right: 25%;}

<div >  <div ></div>  <div >    <div > What is fosho ? </div>    <p>&nbsp;</p>    <p>lorem ipsum lorem ipsum .... long text continues</p>  </div></div>

解决方法 你应该设置固定的高度和宽度,并在CSS中使用溢出.

例：

div {    wIDth: 150px;    height: 150px;    overflow: scroll;}

检查这个Jsfiddle：https://jsfiddle.net/g8mv9eq4/

更新#1：https://jsfiddle.net/g8mv9eq4/1/

总结

以上是内存溢出为你收集整理的html – 使用css在框中显示文本全部内容，希望文章能够帮你解决html – 使用css在框中显示文本所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。