css学习笔记--持续更新

最新推荐文章于 2023-09-15 17:06:55 发布

原创最新推荐文章于 2023-09-15 17:06:55 发布 · 176 阅读

0 ·

CC 4.0 BY-SA版权

HTML 同时被 2 个专栏收录

12 篇文章

订阅专栏

UI前端

12 篇文章

订阅专栏

本文介绍了一种解决div和p元素并排显示异常的方法，通过调整vertical-align属性为top来实现正常布局。此外，还提供了一个动态插入CSS文本的JavaScript函数insertStyle，该函数可以根据需要将CSS规则添加到页面中。

当div和p并排位置有异常时解决方法

vertical-align: top

动态插入css文本


function insertStyle(cssText) {
	var head = document.getElementsByTagName("head")[0];
	var style = document.createElement("style");
	var rules = document.createTextNode(cssText);
	style.type = "text/css";
	if (style.styleSheet) {
		style.styleSheet.cssText = rules.nodeValue;
	} else {
		style.appendChild(rules);
	}
	head.appendChild(style);
}