Questions tagged «html»

HTML(超文本标记语言)是用于创建网页和其他要在Web浏览器中显示的信息的主要标记语言。有关HTML的问题应包括一个可重现的示例,以及您要实现的目标的一些想法。此标记很少单独使用,通常与[CSS]和[javascript]配对使用。


25
内联元素在悬停时变粗时会发生变化
我使用HTML列表和CSS创建了一个水平菜单。除非您将鼠标悬停在链接上,否则一切都会正常进行。可以看到,我为链接创建了一个粗体悬停状态,现在由于粗体大小的差异,菜单链接发生了变化。 我遇到与此SitePoint帖子相同的问题。但是,该职位没有适当的解决方案。我到处都在寻找解决方案,但是找不到。当然,我不能成为唯一尝试这样做的人。 有人有什么想法吗? PS:我不知道菜单项中文本的宽度,因此我不能仅设置li项的宽度。 .nav { margin: 0; padding: 0; } .nav li { list-style: none; display: inline; border-left: #ffffff 1px solid; } .nav li a:link, .nav li a:visited { text-decoration: none; color: #000; margin-left: 8px; margin-right: 5px; } .nav li a:hover{ text-decoration: none; font-weight: bold; } .nav li.first { …
204 html  css  hover  text-size 

5
在输入类型=“数字”上禁用Webkit的旋转按钮?
我有一个主要针对移动用户的网站,但也针对台式机。 在Mobile Safari上,使用<input type="number">效果很好,因为它会在只能包含数字的输入字段上弹出数字键盘。 但是,在Chrome和Safari中,使用数字输入会在字段的右侧显示旋转按钮,这在我的设计中看起来像废话。我真的不需要按钮,因为当您仍然需要编写6位数字之类的东西时,它们是无用的。 是否可以通过-webkit-appearance其他CSS技巧来禁用此功能?我尝试了很多运气。
203 css  html  webkit 


9
当iPhone方向从纵向更改为横向时,保留HTML字体大小
我有一个移动Web应用程序,它的无序列表包含多个列表项,每个li内都有一个超链接: ...我的问题是如何设置超链接的格式,以使它们在iPhone上查看时不会改变大小,并且加速计从纵向切换为横向?现在,我将超链接的字体大小指定为14px,但是切换到横向时,它的大小会高达20px。我希望字体大小保持不变。这是代码: ul li a { font-size:14px; text-decoration: none; color: #cc9999; } <ul> <li id="home" class="active"> <a href="home.html">HOME</a> </li> <li id="home" class="active"> <a href="test.html">TEST</a> </li> </ul> 运行代码段隐藏结果展开摘要
203 iphone  html  css 

8
插入带有React变量语句(JSX)的HTML
我正在用React构建一些东西,我需要在JSX中插入带有React变量的HTML。有没有办法像这样一个变量: var thisIsMyCopy = '<p>copy copy copy <strong>strong copy</strong></p>'; 并像这样将其插入反应中并起作用? render: function() { return ( <div className="content">{thisIsMyCopy}</div> ); } 并按预期插入HTML吗?我还没有看到或听到任何有关可以内联执行此操作的react函数的信息,也没有听说过任何使该功能起作用的解析方法。

8
HTML编码问题-显示“”字符而不是“ ”
由于不确定的原因,我有一个旧版应用程序开始表现异常。它生成一堆HTML,由ActivePDF转换为PDF报告。 该过程如下所示: 从数据库中提取带有替换标记的HTML模板(例如“〜CompanyName〜”,“〜CustomerName〜”等) 用真实数据替换令牌 使用简单的正则表达式函数对HTML进行整理,该函数可对HTML标签属性值进行格式设置(确保引号等,因为ActivePDF的呈现引擎只讨厌属性值周围的单引号) 将HTML发送到创建PDF的Web服务。 在混乱的某个地方,HTML模板( s)中的不间断空格被编码为ISO-8859-1,因此当在浏览器(FireFox)中查看文档时,它们会错误地显示为“”字符。ActivePDF会戳这些非UTF8字符。 我的问题是:由于我不知道问题源于何处并且没有时间进行调查,是否有一种简单的方法可以重新编码或查找和替换不良字符?我试图通过我一起放的这个小功能来发送它,但是这一切都变成了gobbledegook并没有改变任何东西。 Private Shared Function ConvertToUTF8(ByVal html As String) As String Dim isoEncoding As Encoding = Encoding.GetEncoding("iso-8859-1") Dim source As Byte() = isoEncoding.GetBytes(html) Return Encoding.UTF8.GetString(Encoding.Convert(isoEncoding, Encoding.UTF8, source)) End Function 有任何想法吗? 编辑: 我现在暂时解决这个问题,尽管这似乎不是一个好的解决方案: Private Shared Function ReplaceNonASCIIChars(ByVal html As String) As String Return Regex.Replace(html, "[^\u0000-\u007F]", …

4
根据其子元素将CSS样式应用于元素
是否可以为元素定义CSS样式,该样式仅在匹配的元素包含特定元素(作为直接子项)时才适用? 我认为最好用一个例子来解释。 注意:我正在尝试设置父元素的样式,具体取决于它包含的子元素。 <style> /* note this is invalid syntax. I'm using the non-existing ":containing" pseudo-class to show what I want to achieve. */ div:containing div.a { border: solid 3px red; } div:containing div.b { border: solid 3px blue; } </style> <!-- the following div should have a red border …
203 html  css 

10
如何在ReactJS中使用单选按钮?
我是ReactJS的新手,很抱歉,如果听起来不对。我有一个根据接收到的数据创建多个表行的组件。 列中的每个单元格都有一个单选复选框。因此,用户可以从现有行中选择一个site_name和一个address。选项应在页脚中显示。那就是我被困住的地方。 var SearchResult = React.createClass({ render: function(){ var resultRows = this.props.data.map(function(result){ return ( <tbody> <tr> <td><input type="radio" name="site_name" value={result.SITE_NAME}>{result.SITE_NAME}</input></td> <td><input type="radio" name="address" value={result.ADDRESS}>{result.ADDRESS}</input></td> </tr> </tbody> ); }); return ( <table className="table"> <thead> <tr> <th>Name</th> <th>Address</th> </tr> </thead> {resultRows} <tfoot> <tr> <td>chosen site name ???? </td> <td>chosen address ????? </td> …
203 html  reactjs 

2
使div填充flexbox中的剩余*水平*空间
我在Flexbox中并排有2个div。右手应始终具有相同的宽度,我希望左手仅抓住剩余空间。除非我专门设置宽度,否则它不会。 因此,现在将其设置为96%,直到您真正按下屏幕为止,它看起来还可以-右手div有点饿了它所需的空间。 我想我可以保留原样,但感觉不对,就像必须要说的那样: 正确的人永远是相同的;你在左边-你得到剩下的一切 .ar-course-nav { cursor: pointer; padding: 8px 12px 8px 12px; border-radius: 8px; } .ar-course-nav:hover { background-color: rgba(0, 0, 0, 0.1); } <br/> <br/> <div class="ar-course-nav" style="display:flex; justify-content:space-between;"> <div style="width:96%;"> <div style="overflow:hidden; white-space:nowrap; text-overflow:ellipsis;"> <strong title="Course Name Which is Really Quite Long And Does Go On a Bit …
203 html  css  flexbox 


9
CSS在特定“ inline-block”项之前/之后换行
假设我有以下HTML: <h3>Features</h3> <ul> <li><img src="alphaball.png">Smells Good</li> <li><img src="alphaball.png">Tastes Great</li> <li><img src="alphaball.png">Delicious</li> <li><img src="alphaball.png">Wholesome</li> <li><img src="alphaball.png">Eats Children</li> <li><img src="alphaball.png">Yo' Mama</li> </ul> 和这个CSS: li { text-align:center; display:inline-block; padding:0.1em 1em } img { width:64px; display:block; margin:0 auto } 结果可以在这里看到:http : //jsfiddle.net/YMN7U/1/ 现在想象一下,我想将其分为三列,相当于<br>在第三列之后注入a <li>。(实际上,这样做在语义和语法上都是无效的。) 我知道如何<li>在CSS中选择第三个,但是如何在它之后强制换行呢?这不起作用: li:nth-child(4):after { content:"xxx"; display:block } 我也知道使用float代替可以实现这种特殊情况inline-block,但是我对使用的解决方案不感兴趣float。我也知道,对于固定宽度的块,可以通过将父对象的宽度设置为该宽度的ul3倍来实现。我对此解决方案不感兴趣。我也知道,display:table-cell如果我需要真实的列,可以使用它。我对此解决方案不感兴趣。我对强制在内联内容中中断的可能性感兴趣。 编辑:明确地说,我对“理论”感兴趣,而不是对特定问题的解决方案。CSS可以在display:inline(-block)?元素中间插入换行符吗,还是不可能?如果您确定这是不可能的,那是可以接受的答案。
202 html  css 

12
CSS / HTML:使文本变为斜体的正确方法是什么?
什么是使文本变为斜体的正确方法?我已经看到以下四种方法: <i>Italic Text</i> <em>Italic Text</em> <span class="italic">Italic Text</span> <span class="footnote">Italic Text</span> <i> 这是“老办法”。<i>没有语义含义,仅传达使文本变为斜体的表示效果。据我所知,这显然是错误的,因为这是非语义的。 <em> 这仅出于表达目的而使用语义标记。碰巧<em>默认情况下会以斜体显示文本,因此那些意识到<i>应避免但不知道其语义含义的人经常使用它。并不是所有的斜体文本都是斜体的,因为它是强调的。有时,它可能恰好相反,例如旁注或耳语。 <span class="italic"> 这使用CSS类放置演示文稿。这经常被吹捧为正确的方法,但是对我来说,这似乎又是错误的。这似乎并没有传达出更多的语义含义<i>。但是,它的支持者大声疾呼,如果您说想要大胆的话,以后更改所有斜体文本要容易得多。事实并非如此,因为那时我将剩下一个称为“斜体”的类,该类使文本变为粗体。此外,目前尚不清楚为什么我要更改我网站上的所有斜体文本,或者至少我们可以想到这种情况是不希望或没有必要的。 <span class="footnote"> 这将CSS类用于语义。到目前为止,这似乎是最好的方法,但实际上存在两个问题。 并非所有文本都有足够的含义来保证语义标记。例如,页面底部的斜体文本真的是脚注吗?还是放在一边?或完全其他的东西。也许它没有特殊的含义,只需要用斜体将其表示形式与前面的文本分开即可。 如果没有足够的强度,语义可能会发生变化。可以说,我跟着“脚注”是基于页面底部的文字。如果几个月后我想在底部添加更多文本,会发生什么?它不再是脚注。我们该如何选择一个语义类,该语义类的通用性要小于<em>但避免了这些问题? 摘要 似乎在许多情况下,对语义的要求似乎过于繁重,在这些情况下,使斜体字的意图并不意味着带有语义。 此外,将样式从结构中分离出来的愿望导致CSS被吹捧为<i>在某些情况下实际上用处不大的替代品。因此,这让我留下了谦卑的<i>标签,并且想知道这种思路是否是将其保留在HTML5规范中的原因? 是否有关于此主题的好的博客文章或文章?可能是由那些决定保留/创建<i>标签的人员参与的?

12
为什么在HTML中不推荐使用<center>标签?
我只是好奇为什么&lt;center&gt;不赞成使用HTML中的标记。 &lt;center&gt;通过将容器封装在&lt;center&gt;标签中,这是一种快速居中对齐文本和图像块的简单方法,我现在真的找不到任何更简单的方法。 任何人都知道如何使“东西”居中(不是margin-left:auto; margin-right:auto;和宽度东西居中)的任何简单方法&lt;center&gt;吗?而且,为什么不推荐使用它?
202 html  tags  center  deprecated 

13
设定表格栏宽
我有一个用于收件箱的简单表,如下所示: &lt;table border="1"&gt; &lt;tr&gt; &lt;th&gt;From&lt;/th&gt; &lt;th&gt;Subject&lt;/th&gt; &lt;th&gt;Date&lt;/th&gt; &lt;/tr&gt; 如何设置宽度,以使“开始”和“日期”为页面宽度的15%,“主题”为70%。我还希望表格占据整个页面的宽度。
202 html  css  html-table 

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.