如何解决HTML / CSS问题:div的一部分浮动到下一行,我希望它在同一行上
|| 我正在从数据库中加载名称/等级,这很完美……但是,与人相关的等级由于某种原因而浮动到下一行,我不知道为什么,正如您在此看到的那样图片:http://i.stack.imgur.com/rqhjp.png 我希望该数字等级位于同一行上,并在右侧对齐,但是我无法弄清楚为什么它被推到了下一行。这是我的PHP:echo \'<div class = \"name\">\' . $firstname . \" \" . $lastname . \"<strong>\" . \'<p align=\"right\">\' . $avg . \'</p></strong></div>\';
和它所引用的CSS:
}
#content .name{
background: #FFF;
float:left;
width: 220px;
padding: 0px;
position: relative;
margin: 0px;
font-size: 1.4em;
border: 2px solid #CCC;
border-radius: 10px;
}
解决方法
不要将
p
和align
放到右边的span
和float
中。您可以看到它在这个小提琴中起作用。
, \'p \'是一个块元素,默认情况下采用100%的宽度。
您可以在p标签上设置宽度,也可以向右浮动。
, 我认为,如果要显示每个人,则应使用table而不是divs
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。