在浮动的DIV旁边的Blockquote格式化中断

时间:2017-11-22 02:11:07

标签: html css blockquote

我正在制作一个布局,我需要有一个blockquote和一个浮动的DIV元素旁边的文本。背景图像和浮动元素旁边的blockquote上的缩进消失。

我知道为什么这种情况正在发生,我只是无法找到一个工作量。这是我的HTML和CSS代码:



blockquote.quote {
  background: url(https://artofskinmd.com/wp-content/uploads/2017/11/open-quotes.png) no-repeat;
  background-position: top left ;
  width:95% ;
  margin:24px auto !important ;
}

blockquote.quote > p
{
	font-family:'Conv_cheddar jack',Sans-Serif;
	color:#538ea6 ;
	text-align:left;
    font-size:34px !important ;
    line-height:1.35 !important ;
	padding:12px 32px;
    margin:0px !important ;
}

.column { float: left; }

.size-onethird { width:32%; margin:0 4% 0 0; }

.size-onethird img { width:100% !important ;
height:auto ;
}

<div class="column size-onethird"><img class="size-full wp-image-8280" src="https://artofskinmd.com/wp-content/uploads/2017/02/drrpalm-long.jpg" alt="" width="500" height="720" /></div>
<blockquote class="quote">The art of cosmetic dermatology allows me to weave together my love of art with my passion for medicine. I truly enjoy helping my patients look amazing through every stage of life, ensuring their inner being is reflected in their outer being. I love that I have the opportunity to live and serve the wonderful people of the San Diego community. It is a privilege to build meaningful and lasting relationships with my patients.</blockquote>
<p>Melanie Palm, MD, MBA, is a board-certified dermatologist serving the San Diego, California area. With over ten years of dermatology experience in both Chicago and San Diego, she founded Art of Skin MD in Solana Beach, CA, to bring to life her vision of an environment where patients receive a superior medical and cosmetic experience from a team of caring professionals in a beautiful, state-of-the-art clinic. In addition to Art of Skin MD, Dr. Palm is an assistant clinical professor at the University of California, San Diego, and an affiliate staff physician at Scripps Encinitas Memorial Hospital. She is a medical author, clinical investigator, physician trainer and contributing dermatology expert for various national media outlets. Her vast experience, extensive training, artistic eye and gentle touch contribute to the exceptional care she provides to her patients.</p>
&#13;
&#13;
&#13;

任何帮助都会受到赞赏。

提前致谢!

辛西娅

1 个答案:

答案 0 :(得分:0)

fiddle link

a = np.array(df_ex.tolist())
print (a)
[[1 2 3 4 5 6 7 8]
 [2 3 4 5 6 7 8 1]]

# All values
print (a.mean())
4.5

# Specifying axis
print (a.mean(axis=1))
[ 4.5  4.5]

print (a.mean(axis=0))
[ 1.5  2.5  3.5  4.5  5.5  6.5  7.5  4.5]

背景位置的宽度应大于32%,因为.size-onethird宽度为32%

background-position: 34% 0px; // for next to float image only