草庐IT

right-aligned

全部标签

html - 如何减少默认 Bootstrap 图标 glyphicon glyphicon-chevron-right 的厚度?

我尝试使用图标glyphiconglyphicon-chevron-right在我的设计中显示方向,但我需要比默认尺寸更细的图标。那么如何减少glyphiconglyphicon-chevron-right的默认Bootstrap图标的厚度我的代码是:- 最佳答案 当前的bootstrap有更多的图标,包括一个叫做glyphicon-menu-right的更细的箭头。您总是可以寻找替代图标字体。那里实际上有几十个-有些是免费的。或者雇人来创建您需要的图标。或者自己做,例如FontForge.

html - 如何减少默认 Bootstrap 图标 glyphicon glyphicon-chevron-right 的厚度?

我尝试使用图标glyphiconglyphicon-chevron-right在我的设计中显示方向,但我需要比默认尺寸更细的图标。那么如何减少glyphiconglyphicon-chevron-right的默认Bootstrap图标的厚度我的代码是:- 最佳答案 当前的bootstrap有更多的图标,包括一个叫做glyphicon-menu-right的更细的箭头。您总是可以寻找替代图标字体。那里实际上有几十个-有些是免费的。或者雇人来创建您需要的图标。或者自己做,例如FontForge.

html - 删除 float : right on wrap

有什么方法可以制作流畅的布局,如果float元素不适合,它会移动到下一行的左侧?这是我要实现的目标的图片:如果绿色元素和右侧元素都有空间,则红色元素向右浮动。如果没有足够的空间(绿色元素太长,或者屏幕太小),红色元素应该环绕并向左对齐。这是我目前拥有的:fiddle如您所见,绿色元素在环绕后保持向右对齐。代码:longlonglonglongtextneedstoaligntotheleft.red{display:inline-block;border-color:red;}.green{float:right;width:80px;border-color:green;}

html - 删除 float : right on wrap

有什么方法可以制作流畅的布局,如果float元素不适合,它会移动到下一行的左侧?这是我要实现的目标的图片:如果绿色元素和右侧元素都有空间,则红色元素向右浮动。如果没有足够的空间(绿色元素太长,或者屏幕太小),红色元素应该环绕并向左对齐。这是我目前拥有的:fiddle如您所见,绿色元素在环绕后保持向右对齐。代码:longlonglonglongtextneedstoaligntotheleft.red{display:inline-block;border-color:red;}.green{float:right;width:80px;border-color:green;}

jquery - 响应式设计 : How to resize images/background images and align divs vertically?

我正在尝试响应式设计。我的图片目前没有调整大小。在我的标记中,我还将背景图像应用于某些需要调整大小的div。这是HTMLView:http://jsbin.com/emojeg/2请在此处查看代码:http://jsbin.com/emojeg/2/edit对于800像素到1100像素之间的屏幕宽度,我想调整图像的大小。对于低于800像素的任何内容,我想垂直对齐相框-无论屏幕宽度是否允许,每行1或2个。目前,当我将浏览器调整为更窄的宽度时,最多2个框架会换行到下一行,但如果我继续进一步调整大小时,相框的背景似乎被切断并且一些图像似乎消失了。不确定如何解决这个问题。

jquery - 响应式设计 : How to resize images/background images and align divs vertically?

我正在尝试响应式设计。我的图片目前没有调整大小。在我的标记中,我还将背景图像应用于某些需要调整大小的div。这是HTMLView:http://jsbin.com/emojeg/2请在此处查看代码:http://jsbin.com/emojeg/2/edit对于800像素到1100像素之间的屏幕宽度,我想调整图像的大小。对于低于800像素的任何内容,我想垂直对齐相框-无论屏幕宽度是否允许,每行1或2个。目前,当我将浏览器调整为更窄的宽度时,最多2个框架会换行到下一行,但如果我继续进一步调整大小时,相框的背景似乎被切断并且一些图像似乎消失了。不确定如何解决这个问题。

html - 显示 : table and text-align right not working

我有一个像这样的html结构:NyapptiliPhoneogiPadTipsogvinnPicturegoeshere我希望campainText右对齐。这个元素的css是这样的:font-family:'Spinnaker',sans-serif;font-size:17px;color:#FFFFFF;background-color:#A2AD00;display:table;padding:4px;margin:4px4px4px4px;text-decoration:none;我知道CSS的其余部分可以正常工作。问题是如果我在显示字段中包含表格选项,文本将左对齐。一旦我删除

html - 显示 : table and text-align right not working

我有一个像这样的html结构:NyapptiliPhoneogiPadTipsogvinnPicturegoeshere我希望campainText右对齐。这个元素的css是这样的:font-family:'Spinnaker',sans-serif;font-size:17px;color:#FFFFFF;background-color:#A2AD00;display:table;padding:4px;margin:4px4px4px4px;text-decoration:none;我知道CSS的其余部分可以正常工作。问题是如果我在显示字段中包含表格选项,文本将左对齐。一旦我删除

css - HTML5 : Image in left "display: table-cell" element pushes down content in right element

鉴于这个fiddle:http://jsfiddle.net/5Sw3h/8/我在左侧有一个导航面板,在中间有一个内容面板,并且在右侧也有一个面板留出一点空间。这些是使用“display:table,display:table-cell”语义放置的。我目前正在体验将内容放在左侧面板中似乎会将内容面板中的内容向下推一些,主要是为了其中的图像。然而,它似乎总体上将内容下调了一点。我尝试过在很多元素上将填充设置为0(正如我最初认为的那样),然后我尝试在内容框上垂直对齐,一些相对定位定义“顶部”。但没有任何帮助...我知道我一定是忽略了一些明显的东西,只是找不到它。谁能帮我找到我丢失的东西?

css - HTML5 : Image in left "display: table-cell" element pushes down content in right element

鉴于这个fiddle:http://jsfiddle.net/5Sw3h/8/我在左侧有一个导航面板,在中间有一个内容面板,并且在右侧也有一个面板留出一点空间。这些是使用“display:table,display:table-cell”语义放置的。我目前正在体验将内容放在左侧面板中似乎会将内容面板中的内容向下推一些,主要是为了其中的图像。然而,它似乎总体上将内容下调了一点。我尝试过在很多元素上将填充设置为0(正如我最初认为的那样),然后我尝试在内容框上垂直对齐,一些相对定位定义“顶部”。但没有任何帮助...我知道我一定是忽略了一些明显的东西,只是找不到它。谁能帮我找到我丢失的东西?