使用css的div使用float left和right
CSS和一个div我试图用float left表示图像,float right表示图像的描述。我似乎无法在不打乱他们立场的情况下将他们联合起来。我试着调整文本,但每次文本太多时,整行段落都会换成一行,这就是发生的情况 我怎样才能避免这种情况,使图像保持在它的位置,文本保持在右边,当达到它的极限时,它应该断开到一个新的行,而不会从右边的位置打乱它自己?这是到目前为止我的代码使用css的div使用float left和right,css,html,Css,Html,CSS和一个div我试图用float left表示图像,float right表示图像的描述。我似乎无法在不打乱他们立场的情况下将他们联合起来。我试着调整文本,但每次文本太多时,整行段落都会换成一行,这就是发生的情况 我怎样才能避免这种情况,使图像保持在它的位置,文本保持在右边,当达到它的极限时,它应该断开到一个新的行,而不会从右边的位置打乱它自己?这是到目前为止我的代码 介绍段落介绍段落介绍段落介绍段落介绍段落介绍段落介绍段落介绍段落介绍段落介绍段落介绍段落介绍段落介绍段
-
-
-
介绍段落介绍段落介绍段落介绍段落介绍段落介绍段落介绍段落介绍段落介绍段落介绍段落介绍段落介绍段落介绍段落介绍段落介绍段落介绍段落介绍段落介绍段落介绍段落介绍段落介绍段落介绍段落介绍段落介绍段落介绍段落介绍段落介绍段落介绍段落介绍段落介绍段落段落介绍段落介绍段落介绍段落介绍段落介绍段落介绍段落介绍段落介绍段落介绍段落
你很少听到有创业者一蹴而就。dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd
假设您希望将图像和描述作为新行开头的部分,请尝试以下操作:
#imageholder {
border: 1px dotted red;
overflow: auto;
}
#imageholder img {
padding: 50px;
float: left;
}
#divfloatright {
text-align:left;
padding-right:50px;
word-break:break-all;
}
请参见演示:对于图像,仅使用一个
float
。文本不需要浮点数。你可以通过它的父对象来对齐它。试着清理一下你的小提琴,我们也看不到你的图像-因此这将不容易帮助你!
#imageholder {
border: 1px dotted red;
overflow: auto;
}
#imageholder img {
padding: 50px;
float: left;
}
#divfloatright {
text-align:left;
padding-right:50px;
word-break:break-all;
}