css - 如何在不向元素添加 css 类的情况下设置页面内容的样式?

标签 css xhtml

我为客户使用 CMS,客户不知道 CSS,他使用所见即所得的编辑器将内容放入页面中。客户端添加段落、图像、段落中的图像(左浮动或右浮动)、有序和无序列表、表格。当他想在段落中添加图像(左浮动或右浮动)时,问题就来了。如果不添加 css 类,这是不可能的。而且我不想添加 <div>在内容中,因为所见即所得的编辑器无法管理 div,客户端在所见即所得的模式下工作。

如何在不使用 css 类的情况下设置页面内容的样式?

最佳答案

您将需要您的用户以某种方式向图像添加 CSS 类/样式属性 - 如果不向图像添加任何内容来告诉它向右或向左浮动,它就不会向右或向左浮动。

如果您的问题是客户端如何在无需手动编辑 HTML 的情况下添加类,我认为唯一的方法是深入研究所见即所得编辑器的 javascript,并在图像添加过程结束时编写类似这样的内容:

var alignment = prompt("Type l to align the picture to the left, and r to align the picture to the right","l").strToLower();
if(alignment == 'r')
{
  //line of code to add class "right" to the image tag
} else {
  //line of code to add class "left" to the image tag
}

添加类的代码应该取决于所见即所得编辑器的工作方式

关于css - 如何在不向元素添加 css 类的情况下设置页面内容的样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1781372/

相关文章:

jquery - 我如何在 jQuery 的可滚动区域内获取元素的绝对位置?

html - 悬停时显示下拉菜单

css - XHTML 为内部有多个图像的多个 anchor 标记设置换行符

java - 在本地主机上开发并在远程虚拟服务器上部署时的 Url 问题

css - EPUB 的 XHTML 1.1 中的垂直对齐 div?

html - 两个 span 元素没有垂直对齐

css - 将div设置为子图像的宽度和高度?

html - 具有等宽标签的居中对齐表单

javascript - 汉堡菜单仅适用于一个链接

html - 什么是 HTML 页面扩展的类型