Html 将CSS应用于TD内的数据,但不应用于TD。需要提高每个TD中文本的基线。Maby文本属性选择器
我需要增加文本,但若我在IE、Opera和Chrome中将类应用于TD或TR,所有单元格都会增加(背景、边框和单元格中的文本)。 请看一个例子:Html 将CSS应用于TD内的数据,但不应用于TD。需要提高每个TD中文本的基线。Maby文本属性选择器,html,css,css-selectors,Html,Css,Css Selectors,我需要增加文本,但若我在IE、Opera和Chrome中将类应用于TD或TR,所有单元格都会增加(背景、边框和单元格中的文本)。 请看一个例子: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
.myClass td{
position:relative;
top:-8px;
color:blue;
}
.myClass {
position:relative;
top:-8px;
color:blue;
}
td { border: red solid 2px ;}
</style>
</head>
<body>
<p> </p>
<table width="384" height="89" border="2" cellpadding="0" cellspacing="3" bgcolor="#cccccc">
<tr >
<td width="109" bgcolor="#FFCC00"> </td>
<td width="255" bgcolor="#00CCFF" class="myClass">this TD have class=".myClass"</td>
</tr>
<tr class="myClass">
<td bgcolor="#999999"> </td>
<td bgcolor="#FFFF00">this TR have class=".myClass"</td>
</tr>
<tr>
<td bgcolor="#666666"> </td>
<td bgcolor="#FFFFFF"><span class="myClass">this text within span-tags (.myClass)</span></td>
</tr>
</table>
</body>
</html>
在IE、Opera中,Chrome适用于所有手机,而在Firefox中则根本不起作用
.myclass > b
.myclass > EVERY_TEXT {}
将在使用.myclass标记时应用。我们有b标记
maby一些单词,如每个_文本-可能是这样的选择器,例如:
.myclass > b
.myclass > EVERY_TEXT {}
谢谢你的帮助 您可以在TD单元格中的内容周围添加span标记,并将CSS应用于span
<td>
<span class="styled_cell_content">Content</span>
</td>
内容
使用星号选择DOM该部分中的所有元素,例如
<div class="one">
testing <br/>
<span> Test </div>
</div>
.one * {
color: red;
}
测试
试验
.1*{
颜色:红色;
}
你试过负片填充吗
.myClass,
.myClass td {
color:blue;
padding-top: -8px;
}
如果你仍然在寻找答案,你需要在td(和th)级别专门设置边框-在IE中,它优先于整个元素上的颜色设置。例如,将此添加到css中,现在IE将使用此设置边框样式,并且td上设置的颜色不会改变它
td, th {
border: 1px solid #000;
}
对不起,这没用。在IE、Opera或Chrome中查看:已经在Chrome、safari、Opera、firefox中进行了测试,所有这些都可以使用。抱歉,但“位置:相对”、“顶部:-8px”对它没有帮助-此参数适用于bot TD和其中的文本,样式中的参数是“颜色”,它只适用于字体颜色-与参数position不同。我尝试的一切都有效,我几乎听不懂你想说什么。。。
position
属性适用于绝对和相对,和。如果这不是你想要的,请具体说明你需要什么不同,因为从我可以看出,这就是最初的问题所要问的(对不起,我的英文文本中有错误)。在ie,opera中,Chrome css属性“position”适用于TD(单元格)和TD(单元格)中的文本-在这种情况下,带有文本的单元格向上-但我只需要文本向上!!!请1。从第一个主题2复制代码。另存为HTML3。在•FIREFOX和•OPERA或•CHROME或•IE 4中打开。看到区别了吗。你会明白这个问题:)!我知道)。但是这个表有很多单元格,需要这样的跨度。我问过一种方法,可以用一个或两个css规则和一个、两个、三个类声明来实现一个目标。如果你只是想定位文本,你可以使用垂直对齐。在大多数情况下,它只适用于文本。我使用垂直对齐:顶部和位置:相对和顶部:-2px,但仅垂直对齐:顶部它不够(如果不将样式应用于单元格本身,则无法将其应用于单元格内的内容。为此,您需要将内容包装在span
、div
、或p
标记内,然后对其进行适当的样式设置。不幸的是,这是使用HTML和CSS的唯一方法。此外,您不应使用bgcolor
,而是在样式表中为表格单元格定义颜色。