masyarakat Belajar Perpustakaan Alatan Masa lapang

Melayu

Rumah > hujung hadapan web > html tutorial > 如何让文字随着右边变化联动，而左侧随着图片动？css div标签_html/css_WEB-ITnose

如何让文字随着右边变化联动，而左侧随着图片动？css div标签_html/css_WEB-ITnose

WBOY

Lepaskan： 2016-06-24 11:42:00

asal

1435 orang telah melayarinya

效果是这样：

图片做背景：background:url(kx100-d-001.png) 50% 50%;

然后呢，中间是大字，居中。但是下面的小字却不需要居中，如何办？

<span style="font-family: Arial, Helvetica, sans-serif;">#sdiv { float:left; width:100%; height:100%;font-family:"黑体",Arial, Helvetica, sans-serif; font-weight:100;}</span>

Salin selepas log masuk

#sdiv1 {margin:10px auto 0px auto; width:100%; height:631px;padding:0px;background:url(kx100-d-001.png) 50% 50%; text-align:center;}#sdiv1 p { margin-top:30px; margin-bottom:0px; width:100%; height:auto;padding:0px; font-size:40px; color:#000}

Salin selepas log masuk

这是大字，要居中

这是小字不居中，可往左靠

很简单：只要小字不是width 100%就可以了，晕死！

Label berkaitan：

如何让文字随着右边变化联动，而左侧随着图片动？css div标签

sumber：php.cn

Artikel sebelumnya：CSS3实现整屏切换效果_html/css_WEB-ITnose Artikel seterusnya：css兼容tooltip提示框方法_html/css_WEB-ITnose

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang