Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS边框未与图像对齐_Css_Image_Border_Css Float - Fatal编程技术网

CSS边框未与图像对齐

CSS边框未与图像对齐,css,image,border,css-float,Css,Image,Border,Css Float,我是css新手,曾在CodeAcademy等网站上做过几次练习,但现在正在尝试自己的页面,缺乏很多实践经验 我知道可以使用“float”将文本环绕在图像周围,但我希望文本保持直线和边框。但是,边框和背景会忽略图像的位置并在其后面运行。定位段落和图像边框的最佳方法是什么,这样边框就可以停在图像上了? 以下是与此相关的章节: img { margin:5px; float:right; } p { background:white; margin-lef

我是css新手,曾在CodeAcademy等网站上做过几次练习,但现在正在尝试自己的页面,缺乏很多实践经验

我知道可以使用“float”将文本环绕在图像周围,但我希望文本保持直线和边框。但是,边框和背景会忽略图像的位置并在其后面运行。定位段落和图像边框的最佳方法是什么,这样边框就可以停在图像上了? 以下是与此相关的章节:

img { 
    margin:5px; 
    float:right; } 
p   { 
    background:white; 
    margin-left:40px; 
    margin-bottom:0px; 
    margin-right:0px; 
    font-family:veranda; 
    border:2px solid #045FB4; 
    padding:5px; }
p和img标签在主体部分没有样式 此处示例:

任何其他定位提示都将不胜感激:)

不确定您在引用边框时的意思,但为了使文本正确地围绕图像对齐,请使用:

p{
文本对齐:对齐;
}

该示例提供了我必须处理的问题,因此您只需查看源代码:如果您可以将相关部分复制到问题中以供参考,这样在您的网站更改时它们就不会丢失。好的,#img{margin:5px;float:right;}p{背景:白色;左侧空白:40px;底部空白:0px;右侧空白:0px;字体系列:阳台;边框:2px实心#045FB4;填充:5px;p和img标记在正文部分没有样式请详细说明您对边框的意图。描述所需的结果。谢谢,这将帮助很大。