.article { float: right; } .article p { float: none; /* 由于文章内的段落都是属于.article容器中的子元素,所以需要将子元素的float属性重置为none,以取消浮动效果,以免对整体排版产生影响 */ }在这个例子中,首先设置了一个名为.article的容器,然后将该容器设置为右浮动。同时,还需要将容器内的段落的float属性设置为none,以取消段落的浮动效果。 通过以上的设置,整篇文章就可以被右对齐了。想要实现其他位置的对齐,也可以根据需要调整代码中的float属性值。
首页 >
css如何设置右上 |css 动态翻页效果代码
华为CSS查询,css淘宝商品图片,记事本写css,css3 梯形按钮,css样式兼容性例子,文本框不要边线css,css 动态翻页效果代码其中,style属性用于设置元素的样式。在样式中,使用float: right;即可将这个段落向右浮动,出现在其容器的右侧位置。
如果想要让整个文章右浮动,则需要将文章所在容器也设置为右浮动,可以使用如下的代码来实现: