1、首先我们在Html,div和textarea控件中编写相应的代码,有一些文本内容。
2、为了使它不换行,你可以直接添加一个样式。white-space:
nowrap;
就是让文本不换行的样式。
3、现在查看页面,文本不会换行,文本输入框有一个滚动条。但是div中的内容太长而无法显示,它并不美观。为了使div不超长显示,我们可以添加另一种样式,溢出:隐藏;这是为了让长内容自动隐藏。
解决:
1,把文字写在一个div(div1)里,
2,把div1和进度条写入一个div(div2)里,
3,写一个div把这三个div(2)包起来
4,三个子div(2)的样式里面加上浮动,float:left/right
另外:估计进度条的宽度80%太宽,是不可能在同一行上,要改下,先设置10%看效果,然后再调试
有好几种方式:
1、浮动
为你的每个DIV设置左浮动即可